Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -8,9 +8,10 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { MessageCircle } from "lucide-react";
+import { MessageCircle, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Services", id: "#services" },
-          id: "#hero",
+        { name: "Pricing", id: "#pricing" },
-        },
+        { name: "Portfolio", id: "#portfolio" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Portfolio",
-          id: "#portfolio",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="CodeForBusinesses"
     />
@@ -54,156 +44,50 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="CodeForBusinesses"
-      description="We build high-performance websites for restaurants and local businesses that turn visitors into loyal customers. Let's elevate your brand online."
+      description="Professional, high-performance websites for restaurants and local businesses. We turn visitors into loyal customers at an affordable, transparent rate."
       buttons={[
-        {
+        { text: "View Pricing", href: "#pricing" },
-          text: "View Portfolio",
+        { text: "Contact Us", href: "#contact" },
-          href: "#portfolio",
-        },
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-high-end-modern-digital-agency-workspa-1774876604937-ee2ed210.png"
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Agency Performance"
-      tag="Our Impact"
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Websites Delivered",
-        },
-        {
-          id: "m2",
-          value: "95%",
-          description: "Client Retention",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Support Available",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
   <div id="services" data-section="services">
       <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Custom Website", description: "High-converting, responsive websites tailored to your brand identity.", tag: "Quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-crisp-modern-icon-representation-of-a--1774876603109-669ac8dd.png" },
-          id: "f1",
+        { id: "f2", title: "Full Hosting", description: "Reliable, secure hosting with ongoing maintenance and performance monitoring.", tag: "Managed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-modern-interface-icon-showing-e-commer-1774876603750-62189dc5.png" },
-          title: "Restaurant Platforms",
+        { id: "f3", title: "Support", description: "Direct access to our team for updates, changes, and technical assistance.", tag: "Trusted", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-clean-modern-mobile-responsive-design--1774876605011-0bcc972d.png" },
-          description: "Integrated online ordering, table reservations, and automated menu management for busy eateries.",
-          tag: "Digital Menus",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-crisp-modern-icon-representation-of-a--1774876603109-669ac8dd.png",
-        },
-        {
-          id: "f2",
-          title: "SMB Business Sites",
-          description: "Professional, SEO-optimized business websites that establish trust and drive customer acquisition.",
-          tag: "Brand Growth",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-modern-interface-icon-showing-e-commer-1774876603750-62189dc5.png",
-        },
-        {
-          id: "f3",
-          title: "E-Commerce Stores",
-          description: "Beautiful, high-conversion online stores that make shopping simple for your local customer base.",
-          tag: "Fast Sales",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-clean-modern-mobile-responsive-design--1774876605011-0bcc972d.png",
-        },
       ]}
-      title="Tailored Solutions"
+      title="Our Services"
-      description="Digital tools built to scale, serve, and satisfy your specific business requirements."
+      description="We provide everything you need to establish and maintain a professional online presence."
     />
   </div>
 
-  <div id="portfolio" data-section="portfolio">
+  <div id="pricing" data-section="pricing">
-      <ProductCardOne
+      <PricingCardFive
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
-      useInvertedBackground={false}
+      title="Simple & Transparent Pricing"
-      products={[
+      description="No hidden costs. Just professional development and reliable hosting."
+      plans={[
         {
-          id: "p1",
+          id: "build",          tag: "One-time",          tagIcon: CheckCircle,
-          name: "Mama's Bistro",
+          price: "150€",          period: "flat rate",          description: "Full website design and development, optimized for your business.",          featuresTitle: "Includes",          features: ["Custom Design", "Mobile Responsive", "SEO Optimized", "Contact Forms"],
-          price: "Restaurant",
+          button: { text: "Get Started", href: "#contact" }
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/high-fidelity-screen-capture-of-a-high-e-1774876605526-5d0ed407.png",
         },
         {
-          id: "p2",
+          id: "hosting",          tag: "Monthly",          tagIcon: CheckCircle,
-          name: "Elite Consulting",
+          price: "15€ - 25€",          period: "per month",          description: "Secure hosting, maintenance, and technical support.",          featuresTitle: "Includes",          features: ["SSL Certificates", "99.9% Uptime", "Backups", "Direct Support"],
-          price: "Business",
+          button: { text: "Learn More", href: "#contact" }
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/modern-business-website-for-local-servic-1774876622940-812dde4b.png",
+        }
-        },
-        {
-          id: "p3",
-          name: "Sweet Tooth Bakery",
-          price: "E-Commerce",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/e-commerce-store-design-for-a-local-bake-1774876611335-f421201e.png",
-        },
       ]}
-      title="Portfolio Highlights"
-      description="A glimpse into our recent work helping local businesses grow their footprint online."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Elena Rossi",
-          role: "Owner, Mama's Bistro",
-          testimonial: "CodeForBusinesses transformed our online presence and doubled our reservations in two months.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark Sterling",
-          role: "CEO, Elite Consulting",
-          testimonial: "Professional, fast, and results-driven. They clearly understand the modern business landscape.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah Miller",
-          role: "Owner, Sweet Tooth",
-          testimonial: "Our new website looks incredible, and the sales tools have revolutionized our bakery's online operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Zhou",
-          role: "Restaurant Group Manager",
-          testimonial: "Consistent, high-quality development. They make web tech simple and effective.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg?_wi=1",
-        },
-        {
-          id: "t5",
-          name: "James L.",
-          role: "Local Retailer",
-          testimonial: "They turned our outdated site into a modern, sales-focused machine. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg?_wi=2",
-        },
-      ]}
-      title="Trusted by Owners"
-      description="Don't take our word for it—hear from the business leaders we've helped succeed."
     />
   </div>
 
@@ -212,28 +96,14 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "What is your email?", content: "You can reach me directly at KpsLoading@proton.me" },
-          id: "q1",
+        { id: "q2", title: "What about hosting?", content: "Hosting is billed monthly at 15-25 euros, covering security and uptime." },
-          title: "How long does a build take?",
+        { id: "q3", title: "Is the 150 price final?", content: "Yes, the 150 euro rate is a flat fee for the complete development of your site." },
-          content: "Most standard business sites are launched within 3-4 weeks.",
-        },
-        {
-          id: "q2",
-          title: "Do you provide hosting?",
-          content: "Yes, we handle all hosting and maintenance so you can focus on your business.",
-        },
-        {
-          id: "q3",
-          title: "Can you integrate payments?",
-          content: "Absolutely, we support all major payment providers for both restaurants and e-commerce.",
-        },
       ]}
-      ctaTitle="Ready to get started?"
+      ctaTitle="Ready to build your site?"
-      ctaDescription="Let's discuss how we can build your digital future. We offer free initial consultations for all new clients."
+      ctaDescription="Send me an email at KpsLoading@proton.me or get in touch below to discuss your project."
       ctaButton={{
-        text: "Contact Us Now",
+        text: "Email Me Directly",        href: "mailto:KpsLoading@proton.me"}}
-        href: "#",
-      }}
       ctaIcon={MessageCircle}
     />
   </div>
@@ -241,14 +111,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="CodeForBusinesses"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "Terms of Service", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>