Merge version_2 into main #3
160
src/app/page.tsx
160
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Globe, LayoutDashboard, Lightbulb, Rocket, ShieldCheck, Sparkles, TrendingUp, Users, Zap } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, CheckCircle, Globe, LayoutDashboard, Lightbulb, Rocket, ShieldCheck, Sparkles, TrendingUp, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,46 +30,31 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="RAS Digital Agency"
|
||||
brandName="RAS Digital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
<HeroBillboardRotatedCarousel
|
||||
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" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
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 },
|
||||
title="Design Systems That Scale"
|
||||
description="We build premium digital experiences that define brands and drive engagement for modern agencies."
|
||||
tag="Award Winning Agency"
|
||||
buttons={[{ text: "Work With Us", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/designer-office-desk-with-computer-stationery_23-2148401340.jpg", imageAlt: "Modern Office" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/work-space-office_23-2148281134.jpg", imageAlt: "Creative Workspace" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-graphic-design-studio_23-2149171285.jpg", imageAlt: "Design Studio" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-web-designer-working-on-computer_23-2148401334.jpg", imageAlt: "Web Designer" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-working-on-project_23-2148401328.jpg", imageAlt: "Graphics Project" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/successful-modern-office-business-environment_23-2148401346.jpg", imageAlt: "Modern Agency" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,110 +63,93 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
names={["Flux Studio", "Velocity Co", "PixelCraft", "Innovate Digital", "BrandFlow"]}
|
||||
title="Working with visionaries"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
title="Our Agency Process"
|
||||
description="Tailored design strategies from concept to launch."
|
||||
features={[
|
||||
{ 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: "Brand Identity", description: "Building unique visual languages.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/branding-mockup-kit_23-2148818805.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-card-mockup_23-2148818820.jpg" } },
|
||||
{ title: "Web Excellence", description: "High-performance, scalable websites.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/website-design-concept_23-2148818815.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/ux-ui-design-tools_23-2148818835.jpg" } }
|
||||
]}
|
||||
title="Master Your Agency Setup"
|
||||
description="Comprehensive resources covering everything you need for operational excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="By The Numbers"
|
||||
description="Proven results in the industry."
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", description: "Agencies Launched" },
|
||||
{ id: "m2", value: "24/7", description: "Expert Support" },
|
||||
{ id: "m3", value: "98%", description: "Client Satisfaction" },
|
||||
{ id: "1", value: "500+", title: "Successful Launches", description: "Across various industries.", imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-growth_23-2148818855.jpg" },
|
||||
{ id: "2", value: "98%", title: "Client Retention", description: "Partners who stay with us.", imageSrc: "http://img.b2bpic.net/free-photo/team-success_23-2148818865.jpg" }
|
||||
]}
|
||||
title="Measurable Growth"
|
||||
description="Our methods are grounded in real-world performance metrics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqDouble
|
||||
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: "1", title: "What makes us different?", content: "We focus on high-impact, scalable design strategies." },
|
||||
{ id: "2", title: "Can you handle larger projects?", content: "Yes, our team is equipped for enterprise level scaling." },
|
||||
{ id: "3", title: "How do we get started?", content: "Book a consultation via our contact form." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our manuals and support."
|
||||
title="Agency FAQs"
|
||||
description="Everything you need to know about working with RAS."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Client Trust"
|
||||
description="We value the partnerships built over the years."
|
||||
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: "1", title: "Exceptional Results", quote: "RAS transformed our brand completely. Their attention to detail is unmatched.", name: "Sarah Jennings", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/confident-business-woman_23-2148818900.jpg" },
|
||||
{ id: "2", title: "Seamless Collaboration", quote: "The process was professional and the final product exceeded expectations.", name: "David Chen", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/successful-entrepreneur-smiling_23-2148818910.jpg" },
|
||||
{ id: "3", title: "Scalable Growth", quote: "They don't just design, they solve business problems at scale.", name: "Marcus Thorne", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/serious-business-leader_23-2148818920.jpg" }
|
||||
]}
|
||||
title="Real World Success"
|
||||
description="Hear from the professionals who have used our manual."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Leaders in Agency Excellence"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
heading={[{ type: "text", content: "We Design The Future" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
<ContactCenter
|
||||
title="Let's Build Something Great"
|
||||
description="Drop us a message and we'll be in touch within 24 hours."
|
||||
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: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<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: "#" }] },
|
||||
<FooterCard
|
||||
logoText="RAS Digital"
|
||||
copyrightText="© 2025 RAS Digital Agency. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Zap, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Users, href: "#", ariaLabel: "LinkedIn" },
|
||||
{ icon: Globe, href: "#", ariaLabel: "Website" }
|
||||
]}
|
||||
copyrightText="© 2025 RAS Digital Marketing | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user