Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
485
src/app/page.tsx
485
src/app/page.tsx
@@ -29,360 +29,155 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SalesGrowth"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SalesGrowth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Scale Your Business Revenue"
|
||||
description="Unlock sustainable growth with our expert strategies designed to drive sales and maximize your brand potential."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Consulting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Revenue Acceleration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-Driven Insights",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Expansion",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Scale Your Business Revenue"
|
||||
description="Unlock sustainable growth with our expert strategies designed to drive sales and maximize your brand potential."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }, { text: "Learn More", href: "#features" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Strategic Consulting" },
|
||||
{ type: "text", text: "Revenue Acceleration" },
|
||||
{ type: "text", text: "Data-Driven Insights" },
|
||||
{ type: "text", text: "Sustainable Growth" },
|
||||
{ type: "text", text: "Market Expansion" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
description: "Average Revenue Growth",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Support Availability",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Happy Clients Served",
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We deliver measurable impact for our clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150%", description: "Average Revenue Growth" },
|
||||
{ id: "m2", value: "24/7", description: "Support Availability" },
|
||||
{ id: "m3", value: "500+", description: "Happy Clients Served" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We deliver measurable impact for our clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Deployment",
|
||||
description: "Get started in minutes with our streamlined onboarding.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Infrastructure",
|
||||
description: "Enterprise-grade security for peace of mind.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Premium Strategy",
|
||||
description: "Access elite consulting directly through the platform.",
|
||||
},
|
||||
]}
|
||||
title="Features That Drive Sales"
|
||||
description="Our platform provides everything you need to outpace the competition."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Zap, title: "Rapid Deployment", description: "Get started in minutes with our streamlined onboarding." },
|
||||
{ icon: Shield, title: "Secure Infrastructure", description: "Enterprise-grade security for peace of mind." },
|
||||
{ icon: Star, title: "Premium Strategy", description: "Access elite consulting directly through the platform." },
|
||||
]}
|
||||
title="Features That Drive Sales"
|
||||
description="Our platform provides everything you need to outpace the competition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Consulting Starter",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-worker-analyzing-diagrams-charts-with-company-marketing-research-looking-laptop-screen-home-office-evening-business-research-results-data-computer_482257-47474.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sales Accelerator",
|
||||
price: "$2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Revenue Pro",
|
||||
price: "$4,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-person-s-hand-drawing-increasing-arrow-graph-clipboard_23-2147972782.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Growth Suite",
|
||||
price: "$7,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Elite Partner",
|
||||
price: "$12,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/double-sided-business-card_23-2148627643.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Agency",
|
||||
price: "$19,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-light-bulb-drawn-chalkboard_23-2147873909.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Choose the right path for your business growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Consulting Starter", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/corporate-worker-analyzing-diagrams-charts-with-company-marketing-research-looking-laptop-screen-home-office-evening-business-research-results-data-computer_482257-47474.jpg" },
|
||||
{ id: "p2", name: "Sales Accelerator", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
|
||||
{ id: "p3", name: "Revenue Pro", price: "$4,999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-person-s-hand-drawing-increasing-arrow-graph-clipboard_23-2147972782.jpg" },
|
||||
{ id: "p4", name: "Growth Suite", price: "$7,999", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg" },
|
||||
{ id: "p5", name: "Elite Partner", price: "$12,999", imageSrc: "http://img.b2bpic.net/free-vector/double-sided-business-card_23-2148627643.jpg" },
|
||||
{ id: "p6", name: "Full Agency", price: "$19,999", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-light-bulb-drawn-chalkboard_23-2147873909.jpg" },
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Choose the right path for your business growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Smith",
|
||||
role: "CEO",
|
||||
company: "GrowthCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Jones",
|
||||
role: "CTO",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carol White",
|
||||
role: "Founder",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Brown",
|
||||
role: "Marketing",
|
||||
company: "AdGrowth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve Davis",
|
||||
role: "Director",
|
||||
company: "FuturePath",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Client Rating",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real impact, real results. Hear from our partners."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice Smith", role: "CEO", company: "GrowthCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
|
||||
{ id: "t2", name: "Bob Jones", role: "CTO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "t3", name: "Carol White", role: "Founder", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg" },
|
||||
{ id: "t4", name: "David Brown", role: "Marketing", company: "AdGrowth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg" },
|
||||
{ id: "t5", name: "Eve Davis", role: "Director", company: "FuturePath", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "4.9/5", label: "Client Rating" }, { value: "95%", label: "Retention Rate" }, { value: "100+", label: "Successful Projects" }]}
|
||||
title="What Our Clients Say"
|
||||
description="Real impact, real results. Hear from our partners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you drive sales?",
|
||||
content: "We use proprietary data-driven strategies.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a long-term contract?",
|
||||
content: "We offer flexible plans without long commitments.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
name: "Can I cancel anytime?",
|
||||
content: "Yes, our service is fully cancelable at any point.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you drive sales?", content: "We use proprietary data-driven strategies." },
|
||||
{ id: "f2", title: "Is there a long-term contract?", content: "We offer flexible plans without long commitments." },
|
||||
{ id: "f3", title: "Can I cancel anytime?", content: "Yes, our service is fully cancelable at any point." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Netflix",
|
||||
"Meta",
|
||||
]}
|
||||
title="Trusted Globally"
|
||||
description="Joining thousands of industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Tesla", "Netflix", "Meta"]}
|
||||
title="Trusted Globally"
|
||||
description="Joining thousands of industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Grow"
|
||||
title="Ready to Scale?"
|
||||
description="Book your free strategy session today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Grow"
|
||||
title="Ready to Scale?"
|
||||
description="Book your free strategy session today."
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SalesGrowth"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SalesGrowth"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user