Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -32,45 +32,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Arooj Digital"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Scaling Businesses Through Data-Driven Marketing"
|
||||
description="I help brands amplify their digital presence, increase conversions, and achieve sustainable growth with tailored marketing strategies."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Growing",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-office-talking-with-manager-videocall_482257-126637.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Growing", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-office-talking-with-manager-videocall_482257-126637.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,9 +58,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Arooj Digital"
|
||||
description={[
|
||||
"With over 5 years of experience in the digital marketing landscape, I specialize in SEO, content strategy, and paid media acquisition.",
|
||||
"My mission is to simplify complex marketing funnels into clear, actionable growth strategies that deliver real revenue for your business.",
|
||||
]}
|
||||
"With over 5 years of experience in the digital marketing landscape, I specialize in SEO, content strategy, and paid media acquisition.", "My mission is to simplify complex marketing funnels into clear, actionable growth strategies that deliver real revenue for your business."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,55 +69,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "SEO & Strategy",
|
||||
description: "High-intent keyword research and technical optimization.",
|
||||
icon: Search,
|
||||
title: "SEO & Strategy", description: "High-intent keyword research and technical optimization.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg",
|
||||
imageAlt: "Influencer in studio films wireless speaker video review for tech enthusiasts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-corporate-employee-working-overhours-marketing-project_482257-77671.jpg",
|
||||
imageAlt: "Tired corporate employee working overhours at marketing project",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg", imageAlt: "Influencer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tired-corporate-employee-working-overhours-marketing-project_482257-77671.jpg", imageAlt: "Employee" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-office-talking-with-manager-videocall_482257-126637.jpg?_wi=2",
|
||||
imageAlt: "Influencer in studio films wireless speaker video review for tech enthusiasts",
|
||||
},
|
||||
{
|
||||
title: "Content Marketing",
|
||||
description: "Engaging storytelling that drives brand authority.",
|
||||
icon: PenTool,
|
||||
title: "Content Marketing", description: "Engaging storytelling that drives brand authority.", icon: PenTool,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg",
|
||||
imageAlt: "Entrepreneur having remote discussion with company team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-employee-yawning-feeling-sleepy-desk-working-financial-business-report-office-exhausted-startup-worker-planning-investment-project-feeling-sleepy-night-tripod-shot_482257-63113.jpg",
|
||||
imageAlt: "Young employee yawning and feeling sleepy at desk",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg", imageAlt: "Team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-employee-yawning-feeling-sleepy-desk-working-financial-business-report-office-exhausted-startup-worker-planning-investment-project-feeling-sleepy-night-tripod-shot_482257-63113.jpg", imageAlt: "Employee" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-male-using-tablet-pc-table_613910-2991.jpg",
|
||||
imageAlt: "Influencer in studio films wireless speaker video review for tech enthusiasts",
|
||||
},
|
||||
{
|
||||
title: "Paid Ads (PPC)",
|
||||
description: "Targeted campaigns for maximum conversion rate.",
|
||||
icon: Zap,
|
||||
title: "Paid Ads (PPC)", description: "Targeted campaigns for maximum conversion rate.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
imageAlt: "Portrait of smiling businessman sitting at desk table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-laptop_23-2148479521.jpg",
|
||||
imageAlt: "Low angle man working on laptop",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", imageAlt: "Businessman" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-laptop_23-2148479521.jpg", imageAlt: "Laptop" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-empty-green-gradient-studio-well-use-as-background-website-template-frame-business-report_1258-71336.jpg",
|
||||
imageAlt: "Influencer in studio films wireless speaker video review for tech enthusiasts",
|
||||
},
|
||||
]}
|
||||
title="Marketing Services"
|
||||
@@ -154,21 +101,9 @@ export default function LandingPage() {
|
||||
title="Proven Growth"
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Ad Spend Managed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200%",
|
||||
description: "Average ROI",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "5M+", description: "Ad Spend Managed" },
|
||||
{ id: "m3", value: "200%", description: "Average ROI" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,14 +114,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GrowthLab",
|
||||
"BrandNest",
|
||||
"ScaleFast",
|
||||
"DigitalReach",
|
||||
"MarketOne",
|
||||
"FuturePro",
|
||||
]}
|
||||
"InnovateTech", "GrowthLab", "BrandNest", "ScaleFast", "DigitalReach", "MarketOne", "FuturePro"]}
|
||||
title="Trusted By Brands"
|
||||
description="Companies I have helped scale to the next level of growth."
|
||||
/>
|
||||
@@ -198,46 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Arooj transformed our SEO performance. We're now ranking #1 for our key terms.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent strategy and execution. My ROAS increased by 40% in just two months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar",
|
||||
testimonial: "Very professional and data-driven. Highly recommend her services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Tan",
|
||||
handle: "@michaelt",
|
||||
testimonial: "A clear roadmap and amazing results. Truly an expert in the field.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-new-year-2023_1048-17676.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "@lauras",
|
||||
testimonial: "Arooj is simply the best in the business. Our traffic doubled effortlessly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Arooj transformed our SEO performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@johnd", testimonial: "Excellent strategy and execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "Very professional and data-driven.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
|
||||
{ id: "4", name: "Michael Tan", handle: "@michaelt", testimonial: "A clear roadmap and amazing results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-new-year-2023_1048-17676.jpg" },
|
||||
{ id: "5", name: "Laura Smith", handle: "@lauras", testimonial: "Arooj is simply the best in the business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
@@ -250,39 +143,24 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your process?",
|
||||
content: "I begin with an audit, then build a custom growth roadmap tailored to your goals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long do results take?",
|
||||
content: "SEO results usually manifest in 3-6 months, while PPC can provide faster immediate traffic.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work with startups?",
|
||||
content: "Yes, I love helping early-stage companies build a strong foundation and scale efficiently.",
|
||||
},
|
||||
{ id: "q1", title: "What is your process?", content: "Audit and strategy." },
|
||||
{ id: "q2", title: "How long do results take?", content: "3-6 months." },
|
||||
{ id: "q3", title: "Do you work with startups?", content: "Yes." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with me."
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-digital-background-with-flowing-cyber-lines_1048-14167.jpg"
|
||||
imageAlt="3D render of an abstract digital background"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Grow?"
|
||||
title="Let's Get Started"
|
||||
description="Fill in your email to get in touch about a custom strategy for your business."
|
||||
description="Fill in your email to get in touch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -290,55 +168,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Arooj Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "SEO Strategy",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "PPC Management",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Content",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "SEO", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Arooj Digital. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user