Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="RAS Digital Agency"
|
||||
/>
|
||||
@@ -59,75 +44,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Scale Your Agency with Proven Systems"
|
||||
description="Unlock the exact blueprints, strategies, and processes that have helped our community build world-class digital marketing agencies."
|
||||
tag="Expert Guidance"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Roadmap",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Roadmap", href: "#services" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/geometric-landing-page-template_52683-4028.jpg"
|
||||
imageAlt="Geometric landing page template"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg", alt: "Portrait 5" },
|
||||
]}
|
||||
avatarText="Join 500+ agency founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Automated Workflows",
|
||||
icon: LayoutDashboard,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Client Retention",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Scale Faster",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Strategy",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Reach",
|
||||
icon: Globe,
|
||||
},
|
||||
{ type: "text-icon", text: "Automated Workflows", icon: LayoutDashboard },
|
||||
{ type: "text-icon", text: "Client Retention", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Scale Faster", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Expert Strategy", icon: Lightbulb },
|
||||
{ type: "text-icon", text: "Global Reach", icon: Globe },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,13 +78,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"TechVision",
|
||||
"NexusGrowth",
|
||||
]}
|
||||
names={["InnovateLab", "GrowthCo", "StartupXYZ", "TechVision", "NexusGrowth"]}
|
||||
title="Trusted by Growing Agencies"
|
||||
description="We are proud to support entrepreneurs around the globe in their journey toward agency success."
|
||||
/>
|
||||
@@ -154,30 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Roadmap",
|
||||
description: "Clear step-by-step guidance on setting up your agency structure.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Rocket,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
imageAlt: "seo optimization icon flat",
|
||||
},
|
||||
{
|
||||
title: "Client Management",
|
||||
description: "Proven processes to handle onboarding, retention, and service delivery.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/virtual-reality-landing-page-flat-design_52683-18259.jpg?_wi=1",
|
||||
imageAlt: "seo optimization icon flat",
|
||||
},
|
||||
{
|
||||
title: "Innovative Strategies",
|
||||
description: "Latest marketing techniques that drive actual ROI for your clients.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-hands-with-gadgets-chat-message-bubbles_107791-16205.jpg",
|
||||
imageAlt: "seo optimization icon flat",
|
||||
},
|
||||
{ title: "Strategic Roadmap", description: "Clear step-by-step guidance on setting up your agency structure.", bentoComponent: "reveal-icon", icon: Rocket },
|
||||
{ title: "Client Management", description: "Proven processes to handle onboarding, retention, and service delivery.", bentoComponent: "reveal-icon", icon: Users },
|
||||
{ title: "Innovative Strategies", description: "Latest marketing techniques that drive actual ROI for your clients.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
]}
|
||||
title="Master Your Agency Setup"
|
||||
description="Comprehensive resources covering everything you need for operational excellence."
|
||||
@@ -191,21 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Agencies Launched",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Expert Support",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "100+", description: "Agencies Launched" },
|
||||
{ id: "m2", value: "24/7", description: "Expert Support" },
|
||||
{ id: "m3", value: "98%", description: "Client Satisfaction" },
|
||||
]}
|
||||
title="Measurable Growth"
|
||||
description="Our methods are grounded in real-world performance metrics."
|
||||
@@ -216,21 +119,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who is the manual for?",
|
||||
content: "It is perfect for beginners and experienced marketers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What does it include?",
|
||||
content: "Setup, strategy, client management, and innovative techniques.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How is support provided?",
|
||||
content: "Dedicated, professional support to ensure growth.",
|
||||
},
|
||||
{ id: "f1", title: "Who is the manual for?", content: "It is perfect for beginners and experienced marketers." },
|
||||
{ id: "f2", title: "What does it include?", content: "Setup, strategy, client management, and innovative techniques." },
|
||||
{ id: "f3", title: "How is support provided?", content: "Dedicated, professional support to ensure growth." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our manuals and support."
|
||||
@@ -244,41 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Keanu",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The best manual I came across.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ivan Schepers",
|
||||
role: "Founder",
|
||||
testimonial: "Valuable insights into starting an agency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/short-break-have-cup-coffee_329181-15108.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Louisa Masango",
|
||||
role: "Owner",
|
||||
testimonial: "A must have for a good foundation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nomfundo Masombuka",
|
||||
role: "Founder",
|
||||
testimonial: "Helped me get clear and set goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kim Smit",
|
||||
role: "Marketer",
|
||||
testimonial: "Really happy and excited with the information.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Keanu", role: "Entrepreneur", testimonial: "The best manual I came across.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
|
||||
{ id: "t2", name: "Ivan Schepers", role: "Founder", testimonial: "Valuable insights into starting an agency.", imageSrc: "http://img.b2bpic.net/free-photo/short-break-have-cup-coffee_329181-15108.jpg" },
|
||||
{ id: "t3", name: "Louisa Masango", role: "Owner", testimonial: "A must have for a good foundation.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg" },
|
||||
{ id: "t4", name: "Nomfundo Masombuka", role: "Founder", testimonial: "Helped me get clear and set goals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg" },
|
||||
{ id: "t5", name: "Kim Smit", role: "Marketer", testimonial: "Really happy and excited with the information.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||||
]}
|
||||
title="Real World Success"
|
||||
description="Hear from the professionals who have used our manual."
|
||||
@@ -293,7 +154,7 @@ export default function LandingPage() {
|
||||
description="RAS Digital Marketing takes businesses World-Class."
|
||||
subdescription="Empowering founders with practical advice and real-world experience."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/virtual-reality-landing-page-flat-design_52683-18259.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/virtual-reality-landing-page-flat-design_52683-18259.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -301,18 +162,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Build Your Agency?"
|
||||
description="Join our network of successful entrepreneurs today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Our Team", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -320,45 +174,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="RAS Digital Agency"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Setup Manual",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Resources", items: [{ label: "Setup Manual", href: "#" }, { label: "Guides", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 RAS Digital Marketing | All Rights Reserved."
|
||||
/>
|
||||
@@ -366,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user