-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
18 changed files
with
649 additions
and
237 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,96 @@ | ||
| import ANIM__FadeInOutOnScroll from "@/components/anims/fadein.anim"; | ||
| import { ArrowUpRight } from "lucide-react"; | ||
| import Image from "next/image"; | ||
| import Link from "next/link"; | ||
|
|
||
| const MessageFromCEO = () => { | ||
| return ( | ||
| <section className="container section grid grid-cols-1 md:grid-cols-2 large-gap bg-[url('/images/backgrounds/StarBackground.svg')] bg-cover bg-center"> | ||
| <ANIM__FadeInOutOnScroll className="flex flex-col small-gap"> | ||
| <span className="text-[16px] md:text-[20px] font-semibold text-secondary text-center md:text-left"> | ||
| Our Leadership | ||
| </span> | ||
| <div className="max-w-[250px] mx-auto md:mr-auto md:ml-0"> | ||
| <Image | ||
| src="/images/yeatiq.png" | ||
| alt="CEO" | ||
| width={1000} | ||
| height={1000} | ||
| className="w-full h-full rounded-2xl" | ||
| /> | ||
| </div> | ||
|
|
||
| <h2 className="text-primary"> | ||
| Meet <span className="text-secondary">Yeatiqur Rahman</span>, | ||
| Visionary CEO and Top Rated Seller | ||
| </h2> | ||
|
|
||
| <p> | ||
| Yeatiq, the driving force behind Sociomatic, serves as the CEO and is | ||
| recognized as a top-rated seller in the digital landscape. With an | ||
| unwavering commitment to excellence, Yeatiq brings experience and | ||
| expertise to the forefront. | ||
| </p> | ||
| </ANIM__FadeInOutOnScroll> | ||
| <ANIM__FadeInOutOnScroll className="flex flex-col large-gap"> | ||
| <ANIM__FadeInOutOnScroll className="flex flex-col small-gap"> | ||
| <h4 className="text-[16px] md:text-[20px] font-semibold text-primary"> | ||
| Years of Experience | ||
| </h4> | ||
| <p> | ||
| Active contributors to the digital landscape | ||
| <span className="text-primary font-medium">since 2019</span>, | ||
| we've accumulated invaluable experience and insights. | ||
| </p> | ||
| </ANIM__FadeInOutOnScroll> | ||
| <ANIM__FadeInOutOnScroll className="flex flex-col small-gap"> | ||
| <h4 className="text-[16px] md:text-[20px] font-semibold text-primary"> | ||
| Sociomatic in | ||
| <span className="text-[16px] md:text-[20px] font-semibold text-secondary"> | ||
| Dubai | ||
| </span> | ||
| </h4> | ||
| <p> | ||
| Sociomatic recently spread its | ||
| <Link | ||
| href="https://drive.google.com/file/d/1g6Vz623OdZHR_YtJfUbDUIXyxIH_K513/view?usp=sharing" | ||
| passHref={true} | ||
| target="_blank" | ||
| className="text-secondary hover:underline font-medium inline-flex items-center group gap-[2px]" | ||
| > | ||
| wings to Dubai{" "} | ||
| <ArrowUpRight className="w-[12px] h-[12px] stroke-secondary group-hover:mb-2 transition ease-in-out duration-500" /> | ||
| </Link> | ||
| , adding a new chapter to its Journey. We envision Sociomatic as a | ||
| catalyst for brands in Dubai, propelling them to new heights in the | ||
| digital realm | ||
| </p> | ||
| </ANIM__FadeInOutOnScroll> | ||
| <ANIM__FadeInOutOnScroll className="flex flex-col small-gap"> | ||
| <h4 className="text-[16px] md:text-[20px] font-semibold text-primary"> | ||
| Innovate, Elevate, | ||
| <span className="text-[16px] md:text-[20px] font-semibold text-secondary"> | ||
| Dominate | ||
| </span> | ||
| </h4> | ||
| <p> | ||
| Yeatiq's mantra for success mirrors what every CEO aspires to | ||
| achieve - continuous innovation, elevation of standards, and | ||
| ultimate market domination. | ||
| <span className="text-primary font-medium">wings to Dubai</span>, | ||
| adding a new chapter to its Journey. We envision Sociomatic as a | ||
| catalyst for brands in Dubai, propelling them to new heights in the | ||
| digital realm | ||
| </p> | ||
| </ANIM__FadeInOutOnScroll> | ||
| <div className="font-semibold text-primary"> | ||
| Yeatiq and Sociomatic are dedicated to making your brands fly and soar | ||
| in the digital skies. Let's chart the course for your | ||
| brand's digital success together! | ||
| </div> | ||
| </ANIM__FadeInOutOnScroll> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default MessageFromCEO; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -14,7 +14,7 @@ import { | |
| } from "@/components/ui/form"; | ||
| import { toast } from "@/components/ui/use-toast"; | ||
| import { GoogleAdsFunnelForm, TGoogleAdsFunnelForm } from "./types"; | ||
| import CustomSelect from "./custom-select"; | ||
|
|
||
| import CustomInput from "./custom-input"; | ||
| import CustomRadio from "./custom-radio"; | ||
| import { FunnelFormAction } from "./actions"; | ||
|
|
@@ -23,6 +23,7 @@ import { Sun } from "lucide-react"; | |
| import { useRouter } from "next/navigation"; | ||
| import { DL___FormData } from "./datalayer"; | ||
| import { useEffect } from "react"; | ||
| import Checkboxes from "@/components/molecule/checkboxes"; | ||
|
|
||
| function GoogleAdsForm() { | ||
| const router = useRouter(); | ||
|
|
@@ -31,6 +32,7 @@ function GoogleAdsForm() { | |
| }); | ||
|
|
||
| async function onSubmit(data: TGoogleAdsFunnelForm) { | ||
| console.log(data); | ||
| if (typeof window !== "undefined") { | ||
| console.log("Running"); | ||
| const email = localStorage.getItem("user_email") || "[email protected]"; | ||
|
|
@@ -93,73 +95,84 @@ function GoogleAdsForm() { | |
| /> | ||
|
|
||
| <CustomInput form={form} name="phone" label="Phone" /> | ||
| <CustomSelect | ||
| <Checkboxes | ||
| form={form} | ||
| name="businessType" | ||
| label="What type of business do you currently own?" | ||
| options={[ | ||
| { | ||
| label: "Startup", | ||
| value: "Startup", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Small Business Aiming for Growth", | ||
| value: "Small Business Aiming for Growth", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Medium-Sized Business on the Path to Expansion", | ||
| value: "Medium-Sized Business on the Path to Expansion", | ||
| checked: false, | ||
| }, | ||
| ]} | ||
| /> | ||
| <CustomSelect | ||
| <Checkboxes | ||
| form={form} | ||
| name="industryType" | ||
| label="What is your industry?" | ||
| options={[ | ||
| { | ||
| label: "Ecommerce", | ||
| value: "Ecommerce", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Lead generation", | ||
| value: "Lead generation", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Blog", | ||
| value: "Blog", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "SaaS", | ||
| value: "SaaS", | ||
| checked: false, | ||
| }, | ||
| ]} | ||
| /> | ||
| <CustomSelect | ||
| <Checkboxes | ||
| form={form} | ||
| name="goals" | ||
| label="What are your main advertising goals? (Increase brand awareness, generate leads, drive sales, etc.)" | ||
| options={[ | ||
| { | ||
| label: "Increase Traffic", | ||
| value: "Increase Traffic", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Generate Leads", | ||
| value: "Generate Leads", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Drive Sales", | ||
| value: "Drive Sales", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "Others", | ||
| value: "Others", | ||
| checked: false, | ||
| }, | ||
| ]} | ||
| /> | ||
|
|
||
| {form.watch("goals") === "Others" ? ( | ||
| {form.watch("goals")?.includes("others") ? ( | ||
| <CustomInput form={form} name="customGoals" label="Add your own" /> | ||
| ) : null} | ||
| <CustomInput | ||
|
|
@@ -196,24 +209,27 @@ function GoogleAdsForm() { | |
| name="painpoints" | ||
| label=" What are your biggest challenges with attracting customers? (Any pain points)" | ||
| /> | ||
| <CustomSelect | ||
| <Checkboxes | ||
| form={form} | ||
| name="commitment" | ||
| label="Considering the program's intensity and the time commitment involved, how committed are you to giving this your all?" | ||
| options={[ | ||
| { | ||
| label: "I am Highly Committed", | ||
| value: "I am Highly Committed", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: "I still have a few questions on how best to go forward", | ||
| value: "I still have a few questions on how best to go forward", | ||
| checked: false, | ||
| }, | ||
| { | ||
| label: | ||
| "I am not ready to make this type of commitment, but possibly in the future", | ||
| value: | ||
| "I am not ready to make this type of commitment, but possibly in the future", | ||
| checked: false, | ||
| }, | ||
| ]} | ||
| /> | ||
|
|
||
Oops, something went wrong.