Merge version_1 into main #1
335
src/app/page.tsx
335
src/app/page.tsx
@@ -13,254 +13,109 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Strategist"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="Strategist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Master Your Strategy"
|
||||
description="Unlock a library of professional-grade strategy templates designed to accelerate your decision-making and project execution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/modern-strategy-dashboard-on-a-high-end--1774585140415-d1f47048.png"
|
||||
imageAlt="Strategy mastery dashboard overview"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Master Your Strategy"
|
||||
description="Unlock a library of professional-grade strategy templates designed to accelerate your decision-making and project execution."
|
||||
buttons={[{ text: "Get Started", href: "#pricing" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/modern-strategy-dashboard-on-a-high-end--1774585140415-d1f47048.png"
|
||||
imageAlt="Strategy mastery dashboard overview"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Interactive Templates",
|
||||
author: "Pro Suite",
|
||||
description: "Drag-and-drop strategy frameworks to build your models in minutes.",
|
||||
tags: [
|
||||
"UX",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/template-icon-vector-graphic-1774585140149-bcc4a304.png",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Real-time Collaboration",
|
||||
author: "Teams",
|
||||
description: "Sync with your entire organization and iterate on strategies together.",
|
||||
tags: [
|
||||
"Cloud",
|
||||
"Sync",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/collaboration-icon-vector-graphic-1774585139112-b393fd1c.png",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Advanced Analytics",
|
||||
author: "Intelligence",
|
||||
description: "Visualize your strategy progress with deep business intelligence insights.",
|
||||
tags: [
|
||||
"Data",
|
||||
"KPI",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/analytics-icon-vector-graphic-1774585140354-dfe14d52.png",
|
||||
},
|
||||
]}
|
||||
title="Strategy Mastery Features"
|
||||
description="Powerful tools built to streamline your workflow and simplify complex business models."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Interactive Templates", author: "Pro Suite", description: "Drag-and-drop strategy frameworks to build your models in minutes.", tags: ["UX", "Growth"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/template-icon-vector-graphic-1774585140149-bcc4a304.png" },
|
||||
{ id: "f2", title: "Real-time Collaboration", author: "Teams", description: "Sync with your entire organization and iterate on strategies together.", tags: ["Cloud", "Sync"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/collaboration-icon-vector-graphic-1774585139112-b393fd1c.png" },
|
||||
{ id: "f3", title: "Advanced Analytics", author: "Intelligence", description: "Visualize your strategy progress with deep business intelligence insights.", tags: ["Data", "KPI"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/analytics-icon-vector-graphic-1774585140354-dfe14d52.png" },
|
||||
]}
|
||||
title="Strategy Mastery Features"
|
||||
description="Powerful tools built to streamline your workflow and simplify complex business models."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essentials",
|
||||
price: "$49",
|
||||
subtitle: "For individuals",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Basic",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5 Templates",
|
||||
"Core Analytics",
|
||||
"Community Access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Mastery",
|
||||
price: "$129",
|
||||
subtitle: "For professionals",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Mastery",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Templates",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Select Your Plan"
|
||||
description="Unlock mastery with a plan tailored for your growth stage."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Essentials", price: "$49", subtitle: "For individuals", buttons: [{ text: "Choose Basic" }], features: ["5 Templates", "Core Analytics", "Community Access"] },
|
||||
{ id: "p2", badge: "Mastery", price: "$129", subtitle: "For professionals", buttons: [{ text: "Choose Mastery" }], features: ["All Templates", "Advanced Analytics", "Priority Support"] },
|
||||
]}
|
||||
title="Select Your Plan"
|
||||
description="Unlock mastery with a plan tailored for your growth stage."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Riv",
|
||||
date: "Jan 2024",
|
||||
title: "CEO",
|
||||
quote: "The template library is a total game changer for my firm.",
|
||||
tag: "Mastery",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-ceo-1774585140452-889ef8ff.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585139018-e459bad0.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J",
|
||||
date: "Feb 2024",
|
||||
title: "VP Strategy",
|
||||
quote: "Simple, intuitive, and extremely effective.",
|
||||
tag: "Growth",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-vp-1774585139983-3a9f206a.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585138633-fe87f094.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D",
|
||||
date: "Mar 2024",
|
||||
title: "Founder",
|
||||
quote: "I've saved countless hours on strategy development.",
|
||||
tag: "Efficiency",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-founder-1774585140333-e8ba2fcd.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585142445-03f994ce.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena V",
|
||||
date: "Apr 2024",
|
||||
title: "Lead Dev",
|
||||
quote: "The analytics features are second to none.",
|
||||
tag: "Innovation",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-lead-1774585140039-2104132e.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585139753-5031376e.png",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Join thousands of strategists who have transformed their business models."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Riv", date: "Jan 2024", title: "CEO", quote: "The template library is a total game changer for my firm.", tag: "Mastery", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-ceo-1774585140452-889ef8ff.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585139018-e459bad0.png" },
|
||||
{ id: "t2", name: "Sarah J", date: "Feb 2024", title: "VP Strategy", quote: "Simple, intuitive, and extremely effective.", tag: "Growth", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-vp-1774585139983-3a9f206a.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585138633-fe87f094.png" },
|
||||
{ id: "t3", name: "Mike D", date: "Mar 2024", title: "Founder", quote: "I've saved countless hours on strategy development.", tag: "Efficiency", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-founder-1774585140333-e8ba2fcd.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585142445-03f994ce.png" },
|
||||
{ id: "t4", name: "Elena V", date: "Apr 2024", title: "Lead Dev", quote: "The analytics features are second to none.", tag: "Innovation", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-lead-1774585140039-2104132e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-background-for-testimonial-1774585139753-5031376e.png" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Join thousands of strategists who have transformed their business models."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I export my work?",
|
||||
content: "Yes, all templates are fully exportable in PDF and CSV format.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 14-day free trial on all plans.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, you can cancel your subscription at any time with no strings attached.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/faq-assistance-concept-in-dark-blue-tech-1774585140225-1b170fc9.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
description="Get quick answers to the most common questions about our platform."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Can I export my work?", content: "Yes, all templates are fully exportable in PDF and CSV format." },
|
||||
{ id: "q2", title: "Is there a free trial?", content: "Yes, we offer a 14-day free trial on all plans." },
|
||||
{ id: "q3", title: "Can I cancel anytime?", content: "Yes, you can cancel your subscription at any time with no strings attached." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/faq-assistance-concept-in-dark-blue-tech-1774585140225-1b170fc9.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
description="Get quick answers to the most common questions about our platform."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Templates",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Strategist Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Templates", href: "#" }, { label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Strategist Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user