Merge version_1 into main #1
494
src/app/page.tsx
494
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { BarChart3, Target, Zap, Rocket, Shield, ArrowRight, Star } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -28,371 +29,152 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Case Studies",
|
||||
id: "cases",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AgencyElite"
|
||||
button={{
|
||||
text: "Strategy Call",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Case Studies", id: "cases" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="AgencyElite"
|
||||
button={{ text: "Strategy Call", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="We Build Websites That Generate Leads & Revenue"
|
||||
description="We craft premium digital experiences engineered for maximum ROI and long-term business growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Strategy Call",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Case Studies",
|
||||
href: "#cases",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-rise-buildings-blue-tone_1359-1088.jpg",
|
||||
imageAlt: "modern luxury agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg",
|
||||
imageAlt: "modern web design portfolio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg",
|
||||
imageAlt: "mobile responsive web design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-blurred-office-buildings_1160-202.jpg",
|
||||
imageAlt: "modern luxury agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg",
|
||||
imageAlt: "modern web design portfolio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-back-view-photo-handsome-african-man-chatting_171337-17651.jpg",
|
||||
imageAlt: "mobile responsive web design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Build Websites That Generate Leads & Revenue"
|
||||
description="We craft premium digital experiences engineered for maximum ROI and long-term business growth."
|
||||
buttons={[
|
||||
{ text: "Book a Strategy Call", href: "#contact" },
|
||||
{ text: "View Case Studies", href: "#cases" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-rise-buildings-blue-tone_1359-1088.jpg", imageAlt: "modern luxury agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg", imageAlt: "modern web design portfolio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg", imageAlt: "mobile responsive web design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-blurred-office-buildings_1160-202.jpg", imageAlt: "modern luxury agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "modern web design portfolio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cropped-back-view-photo-handsome-african-man-chatting_171337-17651.jpg", imageAlt: "mobile responsive web design" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"GrowthCo",
|
||||
"InnovateLab",
|
||||
"StartUpXYZ",
|
||||
"GlobalTrade",
|
||||
"FutureSystems",
|
||||
"AlphaCapital",
|
||||
]}
|
||||
title="Trusted By Growing Businesses"
|
||||
description="50+ Projects Delivered | 3x Average Conversion Increase"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["TechCorp", "GrowthCo", "InnovateLab", "StartUpXYZ", "GlobalTrade", "FutureSystems", "AlphaCapital"]}
|
||||
title="Trusted By Growing Businesses"
|
||||
description="50+ Projects Delivered | 3x Average Conversion Increase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Website Design",
|
||||
tags: [
|
||||
"Premium UI",
|
||||
"UX Focus",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-style_23-2147937592.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Landing Pages",
|
||||
tags: [
|
||||
"Conversion",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yellow-arrows-cardboard-white-background_23-2148459941.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Lead Funnels",
|
||||
tags: [
|
||||
"Revenue",
|
||||
"Automated",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/retro-flat-business-elements_23-2147492660.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Web Services"
|
||||
description="High-conversion digital products designed for business growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Website Design", tags: ["Premium UI", "UX Focus"], imageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-style_23-2147937592.jpg" },
|
||||
{ id: "s2", title: "Landing Pages", tags: ["Conversion", "Speed"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-yellow-arrows-cardboard-white-background_23-2148459941.jpg" },
|
||||
{ id: "s3", title: "Lead Funnels", tags: ["Revenue", "Automated"], imageSrc: "http://img.b2bpic.net/free-vector/retro-flat-business-elements_23-2147492660.jpg" },
|
||||
]}
|
||||
title="Premium Web Services"
|
||||
description="High-conversion digital products designed for business growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cases" data-section="cases">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "TechCorp Redesign",
|
||||
price: "300% ROI",
|
||||
brand: "B2B SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
name: "GlobalTrade Funnel",
|
||||
price: "120% Leads",
|
||||
brand: "E-Commerce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-dark-background_9975-134305.jpg",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
name: "InnovateLab Site",
|
||||
price: "2.5x Conv",
|
||||
brand: "Tech Lab",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
name: "GrowthCo Site",
|
||||
price: "200% ROI",
|
||||
brand: "Consulting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
name: "StartupXYZ UI",
|
||||
price: "40% Speed",
|
||||
brand: "Fintech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laptop_23-2147626305.jpg",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
name: "AlphaCapital Site",
|
||||
price: "150% Leads",
|
||||
brand: "Finance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-clean-phone-16_187299-45896.jpg",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
title="Case Studies"
|
||||
description="Evidence-based results for our clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="cases" data-section="cases">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "c1", name: "TechCorp Redesign", price: "300% ROI", brand: "B2B SaaS", imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg", rating: 5, reviewCount: "150" },
|
||||
{ id: "c2", name: "GlobalTrade Funnel", price: "120% Leads", brand: "E-Commerce", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-dark-background_9975-134305.jpg", rating: 5, reviewCount: "210" },
|
||||
{ id: "c3", name: "InnovateLab Site", price: "2.5x Conv", brand: "Tech Lab", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg", rating: 5, reviewCount: "95" },
|
||||
{ id: "c4", name: "GrowthCo Site", price: "200% ROI", brand: "Consulting", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg", rating: 5, reviewCount: "320" },
|
||||
{ id: "c5", name: "StartupXYZ UI", price: "40% Speed", brand: "Fintech", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laptop_23-2147626305.jpg", rating: 5, reviewCount: "115" },
|
||||
{ id: "c6", name: "AlphaCapital Site", price: "150% Leads", brand: "Finance", imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-clean-phone-16_187299-45896.jpg", rating: 5, reviewCount: "180" },
|
||||
]}
|
||||
title="Case Studies"
|
||||
description="Evidence-based results for our clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Strategy",
|
||||
value: "Step 01",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Design",
|
||||
value: "Step 02",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Development",
|
||||
value: "Step 03",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
title: "Launch & Optimize",
|
||||
value: "Step 04",
|
||||
},
|
||||
]}
|
||||
title="Our Proven Process"
|
||||
description="A clear, strategic 4-step path to your business growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "p1", title: "Strategy", value: "Step 01", icon: Target },
|
||||
{ id: "p2", title: "Design", value: "Step 02", icon: Zap },
|
||||
{ id: "p3", title: "Development", value: "Step 03", icon: Rocket },
|
||||
{ id: "p4", title: "Launch & Optimize", value: "Step 04", icon: BarChart3 },
|
||||
]}
|
||||
title="Our Proven Process"
|
||||
description="A clear, strategic 4-step path to your business growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "Increased our revenue by 3x within 4 months. Professional, reliable, high-end work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Founder",
|
||||
testimonial: "The funnel automation has been a game changer for our business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Dir.",
|
||||
testimonial: "Exceptional eye for design and performance. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-grey-suit_1303-9743.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "Delivered a high-end experience that our users love.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Petrova",
|
||||
role: "Owner",
|
||||
testimonial: "Best investment we made this year. High ROI guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-working-computer-out-office_1303-21140.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Results"
|
||||
description="What our clients say about the growth we've delivered."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", testimonial: "Increased our revenue by 3x within 4 months. Professional, reliable, high-end work.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "Founder", testimonial: "The funnel automation has been a game changer for our business.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Marketing Dir.", testimonial: "Exceptional eye for design and performance. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-grey-suit_1303-9743.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Product Manager", testimonial: "Delivered a high-end experience that our users love.", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg" },
|
||||
{ id: "t5", name: "Anna Petrova", role: "Owner", testimonial: "Best investment we made this year. High ROI guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-working-computer-out-office_1303-21140.jpg" },
|
||||
]}
|
||||
title="Client Results"
|
||||
description="What our clients say about the growth we've delivered."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Grow Your Business?"
|
||||
description={[
|
||||
"Let’s build a high-performance website that attracts customers and drives revenue.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Grow Your Business?"
|
||||
description={["Let’s build a high-performance website that attracts customers and drives revenue."]}
|
||||
buttons={[{ text: "Book Free Consultation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Start a Project"
|
||||
description="Fill out the form below and we will contact you within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{
|
||||
name: "btype",
|
||||
type: "text",
|
||||
placeholder: "Business Type",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "msg",
|
||||
placeholder: "Project details or requirements...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Start a Project"
|
||||
description="Fill out the form below and we will contact you within 24 hours."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
{ name: "btype", type: "text", placeholder: "Business Type" },
|
||||
]}
|
||||
textarea={{ name: "msg", placeholder: "Project details or requirements..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg"
|
||||
logoText="AgencyElite"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#cases",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AgencyElite | Premium Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg"
|
||||
logoText="AgencyElite"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Resources", items: [{ label: "Case Studies", href: "#cases" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 AgencyElite | Premium Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user