Merge version_2 into main #3
1443
src/app/layout.tsx
1443
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
328
src/app/page.tsx
328
src/app/page.tsx
@@ -1,328 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import Link from "next/link";
|
||||
import { Linkedin, Twitter, Mail, Zap, Settings, Target, Building2, Heart, Rocket } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="ZypherCore"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Book Strategy Call", href: "contact" }}
|
||||
className="fixed top-4 left-1/2 -translate-x-1/2 z-50"
|
||||
buttonClassName="bg-primary-cta hover:bg-primary-cta/90"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero" className="pt-20">
|
||||
<HeroLogo
|
||||
logoText="ZypherCore"
|
||||
description="AI-Powered Systems That Bring Businesses More Customers"
|
||||
buttons={[
|
||||
{ text: "Book a Strategy Call", href: "/contact" },
|
||||
{ text: "See Our Services", href: "/services" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-modern-sleek-ai-powered-business-dashb-1772838191902-7e051d76.png"
|
||||
imageAlt="ZypherCore AI Dashboard"
|
||||
showDimOverlay={true}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="ZypherCore hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Services Section */}
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
title="Our Services"
|
||||
description="Comprehensive AI-powered solutions designed to accelerate your business growth and customer acquisition."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "AI Lead Generation Systems",
|
||||
description: "We build automated outreach systems that consistently generate qualified leads and booked appointments for your business. Powered by intelligent targeting and personalized messaging.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/an-illustrative-visualization-of-automat-1772838191646-891d90a6.png?_wi=1",
|
||||
imageAlt: "AI Lead Generation",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Website Design & Conversion Optimization",
|
||||
description: "We design fast, modern websites optimized to convert visitors into customers while representing your brand professionally. Every element is strategically placed for maximum conversion.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-beautiful-modern-website-interface-moc-1772838192073-ac90b580.png?_wi=1",
|
||||
imageAlt: "Conversion Optimized Website",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Business Automation",
|
||||
description: "AI-powered workflows that follow up with leads, nurture prospects, and help businesses scale without hiring more staff. Automate customer interactions and reduce manual workload.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-sophisticated-visualization-of-ai-powe-1772838191354-b95bf98b.png?_wi=1",
|
||||
imageAlt: "Business Automation",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Process Section */}
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardSix
|
||||
title="Our Growth Process"
|
||||
description="A proven, systematic approach to building sustainable growth infrastructure for your business."
|
||||
tag="Process"
|
||||
tagIcon={Settings}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Strategy & Business Analysis",
|
||||
description: "We analyze your current business, target market, and growth goals to create a tailored strategy that aligns with your unique needs and market opportunity.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-team-of-business-professionals-in-a-mo-1772838192040-a066ae97.png?_wi=1",
|
||||
imageAlt: "Strategy Analysis",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Build Your Growth Infrastructure",
|
||||
description: "We design and build the technical infrastructure including your lead generation system, website platform, and automation workflows that form the foundation of your growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-dynamic-illustration-of-technical-infr-1772838192096-5d960db0.png?_wi=1",
|
||||
imageAlt: "Infrastructure Build",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Launch Lead Generation Systems",
|
||||
description: "We activate your automated lead generation and activate all systems to start generating qualified leads and appointments for your sales team immediately.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/an-exciting-visualization-of-a-product-l-1772838191502-84f29402.png",
|
||||
imageAlt: "System Launch",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Scale With Data & Optimization",
|
||||
description: "We continuously monitor performance, optimize based on data insights, and scale what's working to accelerate your customer acquisition and revenue growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-visual-representation-of-business-scal-1772838191839-9e59336a.png?_wi=1",
|
||||
imageAlt: "Scaling Operations",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Benefits Section */}
|
||||
<div id="benefits" data-section="benefits">
|
||||
<MetricCardEleven
|
||||
title="Why Choose ZypherCore"
|
||||
description="Results-driven solutions that deliver measurable business growth and sustainable competitive advantage."
|
||||
tag="Benefits"
|
||||
tagIcon={Target}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "3-5x",
|
||||
title: "More Qualified Leads",
|
||||
description: "Increase lead volume through AI-powered targeting and personalization strategies",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-dashboard-showing-qualifi-1772838192400-b83d6be0.png?_wi=1",
|
||||
imageAlt: "Lead Generation Metrics",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "80%",
|
||||
title: "Automation Coverage",
|
||||
description: "Automate customer acquisition and follow-up processes to reduce manual workload significantly",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-visual-representation-of-automation-me-1772838192055-8869d3f0.png?_wi=1",
|
||||
imageAlt: "Automation Efficiency",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "60%+",
|
||||
title: "Professional Online Presence",
|
||||
description: "Modern website and branding that builds credibility and converts visitors into customers",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-sophisticated-visualization-of-strong--1772838191698-79b3d8ba.png",
|
||||
imageAlt: "Professional Presence",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "2x",
|
||||
title: "Scalable Growth Systems",
|
||||
description: "Infrastructure designed to grow with your business without proportional cost increases",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-dynamic-illustration-of-sustainable-sc-1772838191922-1a03c270.png",
|
||||
imageAlt: "Scalable Systems",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Social Proof Section */}
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join growing businesses that are using ZypherCore to accelerate their customer acquisition and scale efficiently."
|
||||
tag="Partners"
|
||||
tagIcon={Building2}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"TechFlow Inc",
|
||||
"Growth Automation Co",
|
||||
"Innovate Solutions",
|
||||
"CloudSync Systems",
|
||||
"Digital Ventures",
|
||||
"Apex Marketing",
|
||||
"Enterprise Dynamics",
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Customer Success Stories"
|
||||
description="Hear directly from businesses that transformed their growth with ZypherCore's AI-powered systems."
|
||||
tag="Testimonials"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Founder & CEO",
|
||||
testimonial: "ZypherCore transformed our lead generation overnight. We went from 5-10 qualified leads per month to 50+ without increasing our marketing budget. Their AI system does exactly what they promised.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-headshot-of-a-confident-b-1772838191421-3ad83f48.png",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "VP of Sales",
|
||||
testimonial: "The automated follow-up workflows have saved our team countless hours. Leads are now being nurtured 24/7 even while our team sleeps. Conversion rates improved by 40% in the first quarter.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-headshot-of-a-confident-m-1772838192525-55f64c68.png",
|
||||
imageAlt: "David Chen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica Rodriguez",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Our website redesign and conversion optimization work was exceptional. The new site not only looks beautiful but is generating 3x more conversions. ROI was evident within the first 60 days.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-headshot-of-a-female-busi-1772838190668-7bd73712.png",
|
||||
imageAlt: "Jessica Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Thompson",
|
||||
role: "Founder",
|
||||
testimonial: "ZypherCore's strategic analysis helped us identify market opportunities we were missing. Their holistic approach to growth—combining sales, marketing, and automation—is truly unique in the market.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-headshot-of-a-male-busine-1772838193911-70c86b28.png",
|
||||
imageAlt: "Michael Thompson",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Watson",
|
||||
role: "CEO",
|
||||
testimonial: "Working with ZypherCore feels like having an in-house growth team. They understand technology, sales, and marketing equally well. Our business doubled in revenue within 12 months of implementation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-headshot-of-a-confident-f-1772838190984-1039478e.png",
|
||||
imageAlt: "Emily Watson",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Kim",
|
||||
role: "VP of Operations",
|
||||
testimonial: "The professionalism and attention to detail throughout the entire process was outstanding. They didn't just build systems; they educated our team on how to leverage them for maximum impact.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AakWkkSmWQQZB1Gh4T4zi6LKDf/a-professional-headshot-of-a-male-busine-1772838191316-102b2593.png",
|
||||
imageAlt: "Robert Kim",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact CTA Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Scale"
|
||||
tagIcon={Rocket}
|
||||
title="Turn Your Website Into a Lead Generation Machine"
|
||||
description="Let's discuss how ZypherCore can transform your business with AI-powered growth systems. Schedule a free 30-minute strategy call with our team."
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Schedule Strategy Call"
|
||||
termsText="We'll send you details about your personalized growth plan. No spam, just actionable insights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ZypherCore"
|
||||
copyrightText="© 2025 ZypherCore. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/zyphercore",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/zyphercore",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:hello@zyphercore.com",
|
||||
ariaLabel: "Email",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user