Update src/app/page.tsx

2026-03-27 08:30:29 +00:00
parent 79d7c85b0b
commit f97a9cf7cd
1 changed files with 37 additions and 131 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

 export default function LandingPage() {
@@ -30,21 +30,13 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "Work",
-          id: "portfolio",
-        },
+          name: "Work",          id: "portfolio"},
        {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="Designer Pro"
    />
@@ -53,21 +45,16 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Custom Website in 24 Hours – Only $1000"
      description="Professional websites for US cafes, restaurants, dentists, plumbers, roofers and small businesses. Delivered in 24 hours, own your code 100%."
      buttons={[
        {
-          text: "Get My Website Now",
-          href: "#contact",
-        },
+          text: "Get My Website Now",          href: "#contact"},
      ]}
      mediaItems={[
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-minimalist-high-tech-dashbo-1774600187018-9fe61573.png?_wi=1",
-          imageAlt: "Designer Portfolio Showcase",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-minimalist-high-tech-dashbo-1774600187018-9fe61573.png",          imageAlt: "Designer Portfolio Showcase"},
      ]}
    />
  </div>
@@ -77,45 +64,29 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="I build fast, beautiful and premium websites for busy US business owners"
      description="No endless meetings. No monthly hidden fees. Just a high-performing, custom-coded asset delivered directly to you in 24 hours. Client will purchase and connect their own domain."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-minimalist-high-tech-dashbo-1774600187018-9fe61573.png?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-minimalist-high-tech-dashbo-1774600187018-9fe61573.png"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
-      <ProductCardTwo
+      <ProductCatalog
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
-          id: "1",
-          name: "Modern Cafe Website",
-          price: "Delivered in 24h",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/beautiful-modern-website-landing-page-fo-1774600187243-668efbf7.png",
-        },
+          id: "1",          brand: "Web Design",          name: "Modern Cafe Website",          price: "Delivered in 24h",          rating: 5,
+          reviewCount: "12",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/beautiful-modern-website-landing-page-fo-1774600187243-668efbf7.png"},
        {
-          id: "2",
-          name: "Dentist Clinic Portal",
-          price: "Delivered in 24h",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-clean-website-landing-page--1774600188245-9ccd6716.png",
-        },
+          id: "2",          brand: "Web Design",          name: "Dentist Clinic Portal",          price: "Delivered in 24h",          rating: 5,
+          reviewCount: "15",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-clean-website-landing-page--1774600188245-9ccd6716.png"},
        {
-          id: "3",
-          name: "Plumbing Contractor Site",
-          price: "Delivered in 24h",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/bold-professional-website-landing-page-f-1774600189678-216c4650.png",
-        },
+          id: "3",          brand: "Web Design",          name: "Plumbing Contractor Site",          price: "Delivered in 24h",          rating: 5,
+          reviewCount: "8",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/bold-professional-website-landing-page-f-1774600189678-216c4650.png"},
        {
-          id: "4",
-          name: "Local Gym Landing",
-          price: "Delivered in 24h",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/high-energy-fitness-gym-website-landing--1774600192067-cf98fcbd.jpg",
-        },
+          id: "4",          brand: "Web Design",          name: "Local Gym Landing",          price: "Delivered in 24h",          rating: 5,
+          reviewCount: "20",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/high-energy-fitness-gym-website-landing--1774600192067-cf98fcbd.jpg"},
      ]}
      title="Recent Work"
      description="Premium sites built in under 1 hour of dev time, delivered in 24."
@@ -129,23 +100,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      plans={[
        {
-          id: "full-package",
-          badge: "Premium",
-          price: "$1,000",
-          subtitle: "Complete custom website",
-          features: [
-            "Custom code base",
-            "Delivered in 24 hours",
-            "Mobile responsive",
-            "100% client ownership",
-            "Full ZIP file provided",
-            "No recurring costs",
-          ],
+          id: "full-package",          badge: "Premium",          price: "$1,000",          subtitle: "Complete custom website",          features: [
+            "Custom code base",            "Delivered in 24 hours",            "Mobile responsive",            "100% client ownership",            "Full ZIP file provided",            "No recurring costs"],
          buttons: [
            {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
          ],
        },
      ]}
@@ -161,61 +120,21 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "John D.",
-          role: "Restaurant Owner",
-          testimonial: "Incredible speed! My site was ready the next morning. Stunning quality.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-confident-small-business-o-1774600187153-40ed9659.png?_wi=1",
-        },
+          id: "1",          name: "John D.",          role: "Restaurant Owner",          testimonial: "Incredible speed! My site was ready the next morning. Stunning quality.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-confident-small-business-o-1774600187153-40ed9659.png"},
        {
-          id: "2",
-          name: "Sarah P.",
-          role: "Dentist",
-          testimonial: "Professional, clean, and fast. Everything I needed for my practice.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-dentist-in-a-clinic-enviro-1774600186855-da502d2e.png?_wi=1",
-        },
+          id: "2",          name: "Sarah P.",          role: "Dentist",          testimonial: "Professional, clean, and fast. Everything I needed for my practice.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-dentist-in-a-clinic-enviro-1774600186855-da502d2e.png"},
        {
-          id: "3",
-          name: "Mike R.",
-          role: "Plumber",
-          testimonial: "No monthly fees is a game changer. Worth every penny.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-friendly-plumber-professio-1774600188611-4ef9fab9.png?_wi=1",
-        },
+          id: "3",          name: "Mike R.",          role: "Plumber",          testimonial: "No monthly fees is a game changer. Worth every penny.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-friendly-plumber-professio-1774600188611-4ef9fab9.png"},
        {
-          id: "4",
-          name: "Lisa K.",
-          role: "Gym Manager",
-          testimonial: "Best investment for my local gym. Super fast loading speed.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-local-gym-owner-fitness-at-1774600188372-f8d1f46d.png?_wi=1",
-        },
+          id: "4",          name: "Lisa K.",          role: "Gym Manager",          testimonial: "Best investment for my local gym. Super fast loading speed.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-local-gym-owner-fitness-at-1774600188372-f8d1f46d.png"},
        {
-          id: "5",
-          name: "David L.",
-          role: "Cafe Owner",
-          testimonial: "Classy look, exactly what I envisioned.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-confident-small-business-o-1774600187153-40ed9659.png?_wi=2",
-        },
+          id: "5",          name: "David L.",          role: "Cafe Owner",          testimonial: "Classy look, exactly what I envisioned.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-confident-small-business-o-1774600187153-40ed9659.png"},
        {
-          id: "6",
-          name: "Anna S.",
-          role: "Owner",
-          testimonial: "I own everything 100%. Very transparent process.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-dentist-in-a-clinic-enviro-1774600186855-da502d2e.png?_wi=2",
-        },
+          id: "6",          name: "Anna S.",          role: "Owner",          testimonial: "I own everything 100%. Very transparent process.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-dentist-in-a-clinic-enviro-1774600186855-da502d2e.png"},
        {
-          id: "7",
-          name: "Tom H.",
-          role: "Small Business",
-          testimonial: "Professional communication and high quality code.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-friendly-plumber-professio-1774600188611-4ef9fab9.png?_wi=2",
-        },
+          id: "7",          name: "Tom H.",          role: "Small Business",          testimonial: "Professional communication and high quality code.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-friendly-plumber-professio-1774600188611-4ef9fab9.png"},
        {
-          id: "8",
-          name: "Elena M.",
-          role: "Salon Owner",
-          testimonial: "Extremely modern website. Thank you!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-local-gym-owner-fitness-at-1774600188372-f8d1f46d.png?_wi=2",
-        },
+          id: "8",          name: "Elena M.",          role: "Salon Owner",          testimonial: "Extremely modern website. Thank you!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-local-gym-owner-fitness-at-1774600188372-f8d1f46d.png"},
      ]}
      title="Client Success"
      description="Join dozens of satisfied business owners."
@@ -226,16 +145,13 @@ export default function LandingPage() {
      <ContactCTA
      useInvertedBackground={false}
      background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
      tag="Book Your Slot"
      title="Ready to launch?"
      description="Email me at anmolwebdesigner@gmail.com or book a discovery call via Calendly."
      buttons={[
        {
-          text: "Book My Call",
-          href: "https://calendly.com",
-        },
+          text: "Book My Call",          href: "https://calendly.com"},
      ]}
    />
  </div>
@@ -245,29 +161,19 @@ export default function LandingPage() {
      logoText="Designer Pro"
      columns={[
        {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
            {
-              label: "Hero",
-              href: "#hero",
-            },
+              label: "Hero",              href: "#hero"},
            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
+              label: "Portfolio",              href: "#portfolio"},
          ],
        },
        {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
            {
-              label: "Email",
-              href: "mailto:anmolwebdesigner@gmail.com",
-            },
+              label: "Email",              href: "mailto:anmolwebdesigner@gmail.com"},
            {
-              label: "Book Now",
-              href: "https://calendly.com",
-            },
+              label: "Book Now",              href: "https://calendly.com"},
          ],
        },
      ]}