Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-03-06 11:53:30 +00:00

View File

@@ -7,32 +7,25 @@ import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonia
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Zap, Target, Heart, Star, Users, Briefcase, Send, Twitter, Linkedin, Github, Mail } from "lucide-react";
import { Zap, Target, Star, Users, Layers, Briefcase, Send, Twitter, Linkedin, Github, Mail, Heart } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
@@ -40,11 +33,11 @@ export default function HomePage() {
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "/pricing" },
{ name: "Pricing", id: "#pricing" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
button={{ text: "Get Started", href: "#contact" }}
brandName="CloudSync"
/>
</div>
@@ -56,7 +49,7 @@ export default function HomePage() {
tag="AI-Powered"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-modern-clean-software-dashboard-interf-1772797807812-a25c2354.png"
imageAlt="CloudSync dashboard interface"
@@ -64,38 +57,26 @@ export default function HomePage() {
imagePosition="right"
testimonials={[
{
name: "Sarah Chen",
handle: "CTO, TechCorp",
testimonial: "CloudSync transformed how our team collaborates. We've cut project delivery time in half.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-an-asian-female-1772797805976-a83e7f83.png",
name: "Sarah Chen", handle: "CTO, TechCorp", testimonial: "CloudSync transformed how our team collaborates. We've cut project delivery time in half.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-an-asian-female-1772797805976-a83e7f83.png", imageAlt: "Professional headshot of an Asian female tech executive"
},
{
name: "Marcus Johnson",
handle: "CEO, StartupXYZ",
testimonial: "The automation features alone save us 20 hours per week. Best investment we made this year.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-an-african-amer-1772797804239-ff8ee705.png",
name: "Marcus Johnson", handle: "CEO, StartupXYZ", testimonial: "The automation features alone save us 20 hours per week. Best investment we made this year.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-an-african-amer-1772797804239-ff8ee705.png", imageAlt: "Professional headshot of an African American male entrepreneur"
},
{
name: "Elena Rodriguez",
handle: "Product Lead, InnovateLab",
testimonial: "Intuitive, powerful, and genuinely listens to user feedback. CloudSync is a game-changer.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-latina-female-1772797804077-9fb0f992.png",
name: "Elena Rodriguez", handle: "Product Lead, InnovateLab", testimonial: "Intuitive, powerful, and genuinely listens to user feedback. CloudSync is a game-changer.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-latina-female-1772797804077-9fb0f992.png", imageAlt: "Professional headshot of a Latina female product manager"
},
{
name: "David Kim",
handle: "Founder, GrowthCo",
testimonial: "We scaled from 10 to 100 people without a single hiccup. The platform grows with you.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-an-east-asian-m-1772797804993-0e9603a6.png",
},
name: "David Kim", handle: "Founder, GrowthCo", testimonial: "We scaled from 10 to 100 people without a single hiccup. The platform grows with you.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-an-east-asian-m-1772797804993-0e9603a6.png", imageAlt: "Professional headshot of an East Asian male founder"
}
]}
testimonialRotationInterval={5000}
buttons={[
{ text: "Start Free Trial", href: "https://cloudsync.example.com/trial" },
{ text: "Watch Demo", href: "https://cloudsync.example.com/demo" },
{ text: "Watch Demo", href: "https://cloudsync.example.com/demo" }
]}
buttonAnimation="slide-up"
/>
@@ -110,7 +91,7 @@ export default function HomePage() {
description="Founded in 2020"
subdescription="CloudSync Team"
icon={Heart}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-diverse-team-of-software-engineers-and-1772797807868-4653b230.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-diverse-team-of-software-engineers-and-1772797807868-4653b230.png"
imageAlt="CloudSync team collaborating"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
@@ -126,39 +107,23 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Real-Time Collaboration",
description: "Work together seamlessly with live editing, instant notifications, and synchronized updates across all team members.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-real-time-collaboration-interface-show-1772797805616-bba4f1ff.png?_wi=1",
imageAlt: "Real-time collaboration interface",
id: "1", title: "Real-Time Collaboration", description: "Work together seamlessly with live editing, instant notifications, and synchronized updates across all team members.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-real-time-collaboration-interface-show-1772797805616-bba4f1ff.png", imageAlt: "Real-time collaboration interface"
},
{
id: "2",
title: "AI-Powered Automation",
description: "Automate repetitive tasks with intelligent workflows. Save time and reduce human error with smart process automation.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-visual-workflow-automation-builder-int-1772797805842-e862a9db.png?_wi=1",
imageAlt: "Automation workflow builder",
id: "2", title: "AI-Powered Automation", description: "Automate repetitive tasks with intelligent workflows. Save time and reduce human error with smart process automation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-visual-workflow-automation-builder-int-1772797805842-e862a9db.png", imageAlt: "Automation workflow builder"
},
{
id: "3",
title: "Advanced Analytics",
description: "Get actionable insights with comprehensive dashboards and real-time reporting. Track what matters most to your business.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-comprehensive-analytics-dashboard-with-1772797805140-ad52f47f.png?_wi=1",
imageAlt: "Analytics dashboard with charts",
id: "3", title: "Advanced Analytics", description: "Get actionable insights with comprehensive dashboards and real-time reporting. Track what matters most to your business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-comprehensive-analytics-dashboard-with-1772797805140-ad52f47f.png", imageAlt: "Analytics dashboard with charts"
},
{
id: "4",
title: "Enterprise Security",
description: "Bank-level encryption, SOC 2 compliance, and granular permission controls. Your data stays secure and private.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-enterprise-security-and-encryption-in-1772797806545-7b47d335.png?_wi=1",
imageAlt: "Security and encryption visualization",
},
id: "4", title: "Enterprise Security", description: "Bank-level encryption, SOC 2 compliance, and granular permission controls. Your data stays secure and private.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-enterprise-security-and-encryption-in-1772797806545-7b47d335.png", imageAlt: "Security and encryption visualization"
}
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Explore All Features", href: "/pricing" }]}
buttons={[{ text: "Explore All Features", href: "#pricing" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -172,53 +137,29 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Jessica Lee",
handle: "VP of Operations, GlobalTech",
testimonial: "CloudSync eliminated our communication silos. Teams that barely talked before now collaborate effortlessly.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-female-operat-1772797803915-4e921ba0.png",
id: "1", name: "Jessica Lee", handle: "VP of Operations, GlobalTech", testimonial: "CloudSync eliminated our communication silos. Teams that barely talked before now collaborate effortlessly.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-female-operat-1772797803915-4e921ba0.png", imageAlt: "Professional headshot of a female operations executive"
},
{
id: "2",
name: "Alex Patel",
handle: "Engineering Manager, DevFlow",
testimonial: "The integration with our existing tools was painless. We were productive from day one.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-male-engineer-1772797804609-762275f6.png",
id: "2", name: "Alex Patel", handle: "Engineering Manager, DevFlow", testimonial: "The integration with our existing tools was painless. We were productive from day one.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-male-engineer-1772797804609-762275f6.png", imageAlt: "Professional headshot of a male engineering manager"
},
{
id: "3",
name: "Maria Santos",
handle: "Founder, CreativeStudio",
testimonial: "Finally, a platform that's both powerful for tech teams and intuitive for creative professionals.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-female-creati-1772797804296-4b9c338b.png",
id: "3", name: "Maria Santos", handle: "Founder, CreativeStudio", testimonial: "Finally, a platform that's both powerful for tech teams and intuitive for creative professionals.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-female-creati-1772797804296-4b9c338b.png", imageAlt: "Professional headshot of a female creative director"
},
{
id: "4",
name: "Robert Zhang",
handle: "Product Director, FinanceHub",
testimonial: "The support team goes above and beyond. They genuinely care about our success.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-male-finance--1772797804402-8f3fab4d.png",
id: "4", name: "Robert Zhang", handle: "Product Director, FinanceHub", testimonial: "The support team goes above and beyond. They genuinely care about our success.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-male-finance--1772797804402-8f3fab4d.png", imageAlt: "Professional headshot of a male finance director"
},
{
id: "5",
name: "Lisa Thompson",
handle: "CEO, HealthTech Solutions",
testimonial: "Compliance was a nightmare before CloudSync. Now it's built right in. Peace of mind.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-female-ceo-in-1772797804903-0910c880.png",
id: "5", name: "Lisa Thompson", handle: "CEO, HealthTech Solutions", testimonial: "Compliance was a nightmare before CloudSync. Now it's built right in. Peace of mind.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-female-ceo-in-1772797804903-0910c880.png", imageAlt: "Professional headshot of a female CEO"
},
{
id: "6",
name: "James Mitchell",
handle: "COO, LogisticsPro",
testimonial: "ROI was immediate. We recouped our investment within the first month of deployment.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-male-coo-in-h-1772797805664-7dd13020.png",
},
id: "6", name: "James Mitchell", handle: "COO, LogisticsPro", testimonial: "ROI was immediate. We recouped our investment within the first month of deployment.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-male-coo-in-h-1772797805664-7dd13020.png", imageAlt: "Professional headshot of a male COO"
}
]}
showRating={true}
carouselMode="buttons"
@@ -228,6 +169,51 @@ export default function HomePage() {
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Simple, Transparent Pricing"
description="Choose the plan that fits your team. All plans include a 14-day free trial. No credit card required."
tag="Flexible Plans"
tagIcon={Layers}
tagAnimation="slide-up"
plans={[
{
id: "1", price: "$49/month", name: "Starter", buttons: [
{ text: "Start Free Trial", href: "https://cloudsync.example.com/trial" },
{ text: "Contact Sales", href: "#contact" }
],
features: [
"Up to 10 team members", "Real-time collaboration", "5GB storage per user", "Basic analytics", "Email support"
]
},
{
id: "2", badge: "Most Popular", badgeIcon: Layers,
price: "$149/month", name: "Professional", buttons: [
{ text: "Start Free Trial", href: "https://cloudsync.example.com/trial" },
{ text: "Contact Sales", href: "#contact" }
],
features: [
"Up to 50 team members", "Advanced automation", "100GB storage per user", "Advanced analytics & reporting", "Priority support", "Custom integrations"
]
},
{
id: "3", price: "$499/month", name: "Enterprise", buttons: [
{ text: "Request Demo", href: "#contact" },
{ text: "Contact Sales", href: "#contact" }
],
features: [
"Unlimited team members", "AI-powered workflows", "Unlimited storage", "Custom analytics", "24/7 dedicated support", "Single Sign-On (SSO)", "Advanced security & compliance"
]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Compare Plans", href: "#features" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Industry Leaders"
@@ -236,14 +222,7 @@ export default function HomePage() {
tagIcon={Briefcase}
tagAnimation="slide-up"
names={[
"TechCorp Global",
"StartupXYZ",
"InnovateLab",
"GlobalTech",
"DevFlow",
"CreativeStudio",
"FinanceHub",
"HealthTech",
"TechCorp Global", "StartupXYZ", "InnovateLab", "GlobalTech", "DevFlow", "CreativeStudio", "FinanceHub", "HealthTech"
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -258,35 +237,23 @@ export default function HomePage() {
sideDescription="Find answers to common questions about CloudSync. Contact us if you need more help."
faqs={[
{
id: "1",
title: "How do I get started with CloudSync?",
content: "Getting started is easy! Sign up for a free 14-day trial, no credit card required. Our onboarding wizard will guide you through setup in minutes. We also offer personal onboarding calls for Enterprise customers.",
id: "1", title: "How do I get started with CloudSync?", content: "Getting started is easy! Sign up for a free 14-day trial, no credit card required. Our onboarding wizard will guide you through setup in minutes. We also offer personal onboarding calls for Enterprise customers."
},
{
id: "2",
title: "What data formats does CloudSync support?",
content: "CloudSync supports all major file formats including documents, spreadsheets, images, videos, and more. We automatically detect file types and optimize them for collaboration.",
id: "2", title: "What data formats does CloudSync support?", content: "CloudSync supports all major file formats including documents, spreadsheets, images, videos, and more. We automatically detect file types and optimize them for collaboration."
},
{
id: "3",
title: "Is CloudSync secure?",
content: "Absolutely. CloudSync uses end-to-end encryption, maintains SOC 2 compliance, and passes regular security audits. Your data is protected with bank-level security standards.",
id: "3", title: "Is CloudSync secure?", content: "Absolutely. CloudSync uses end-to-end encryption, maintains SOC 2 compliance, and passes regular security audits. Your data is protected with bank-level security standards."
},
{
id: "4",
title: "Can I integrate CloudSync with my existing tools?",
content: "Yes! CloudSync integrates with 200+ popular business tools including Slack, Jira, Salesforce, Microsoft Teams, and more. We also offer a robust API for custom integrations.",
id: "4", title: "Can I integrate CloudSync with my existing tools?", content: "Yes! CloudSync integrates with 200+ popular business tools including Slack, Jira, Salesforce, Microsoft Teams, and more. We also offer a robust API for custom integrations."
},
{
id: "5",
title: "What happens to my data if I cancel?",
content: "Your data remains yours. You can export all your data in standard formats at any time, even after cancellation. We make data portability a priority.",
id: "5", title: "What happens to my data if I cancel?", content: "Your data remains yours. You can export all your data in standard formats at any time, even after cancellation. We make data portability a priority."
},
{
id: "6",
title: "How much does CloudSync cost?",
content: "We offer flexible pricing starting at $49/month for startups and scaling up to Enterprise plans with custom pricing. All plans include a 14-day free trial.",
},
id: "6", title: "How much does CloudSync cost?", content: "We offer flexible pricing starting at $49/month for startups and scaling up to Enterprise plans with custom pricing. All plans include a 14-day free trial."
}
]}
textPosition="left"
useInvertedBackground={false}
@@ -304,7 +271,7 @@ export default function HomePage() {
description="Join thousands of teams already using CloudSync. Get a personalized demo or start your free 14-day trial today. No credit card required."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-modern-bright-collaborative-workspace--1772797804820-bc53c5cd.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-modern-bright-collaborative-workspace--1772797804820-bc53c5cd.png"
imageAlt="Modern collaborative workspace"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -322,7 +289,7 @@ export default function HomePage() {
{ icon: Twitter, href: "https://twitter.com/cloudsync", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com/company/cloudsync", ariaLabel: "LinkedIn" },
{ icon: Github, href: "https://github.com/cloudsync", ariaLabel: "GitHub" },
{ icon: Mail, href: "mailto:hello@cloudsync.com", ariaLabel: "Email" },
{ icon: Mail, href: "mailto:hello@cloudsync.com", ariaLabel: "Email" }
]}
/>
</div>