From e96a5a4ed9117f7ca37a9fc3992ec52a729159f7 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 11:53:26 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 229 ++++++++++++++++++++--------------------------- 1 file changed, 98 insertions(+), 131 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 01751be..baa3ff0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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 ( @@ -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" /> @@ -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() { /> +
+ +
+