Update src/app/page.tsx

2026-03-26 18:09:29 +00:00
parent 400f9c558a
commit 06d27eae30
1 changed files with 43 additions and 142 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,185 +28,103 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Products", id: "products" },
+        { name: "About", id: "features" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="High Up"
-      button={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
+      button={{ text: "Get Started", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
      title="Elevate Your Experience"
      description="Premium glassware, vapes, and curated accessories for the modern enthusiast. High Up is your local destination for quality and style."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-        {
-          text: "Visit Us Today",
-          href: "#contact",
-        },
-      ]}
+      background={{ variant: "gradient-bars" }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/a-sleek-cinematic-studio-shot-of-premium-1774548498369-cb8069b3.png"
+      buttons={[
+        { text: "Shop Now", href: "#products" },
+        { text: "Visit Us Today", href: "#contact" },
+      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
+      title="The High Up Difference"
+      description="We don't just stock products; we curate experiences."
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: 1,
-          title: "Premium Glassware",
-          description: "Expertly crafted pieces that combine aesthetic appeal with unparalleled function.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-qual-1774548498591-0a04b191.png",
-        },
+          title: "Premium Glassware",          description: "Expertly crafted pieces that combine aesthetic appeal with unparalleled function.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-qual-1774548498591-0a04b191.png"},
        {
          id: 2,
-          title: "Rapid Rotation",
-          description: "New arrivals hitting the shelves every week so you always find something fresh.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-cloc-1774548498703-4c4ee13b.png",
-        },
+          title: "Rapid Rotation",          description: "New arrivals hitting the shelves every week so you always find something fresh.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-cloc-1774548498703-4c4ee13b.png"},
        {
          id: 3,
-          title: "Laid-Back Vibes",
-          description: "A welcoming, knowledgeable atmosphere built for casual shoppers and serious connoisseurs.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-hand-1774548498150-c7cd9c7b.png",
-        },
+          title: "Laid-Back Vibes",          description: "A welcoming, knowledgeable atmosphere built for casual shoppers and serious connoisseurs.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-hand-1774548498150-c7cd9c7b.png"},
      ]}
-      title="The High Up Difference"
-      description="We don't just stock products; we curate experiences."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
-      animationType="slide-up"
+      title="New Arrivals"
+      description="Our latest curation of high-end accessories."
      textboxLayout="default"
      gridVariant="one-large-right-three-stacked-left"
+      animationType="slide-up"
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "Iridescent Beaker",
-          price: "$120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/macro-shot-of-a-high-end-glass-water-pip-1774548498195-3392bb34.png",
-        },
+          id: "p1",          name: "Iridescent Beaker",          price: "$120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/macro-shot-of-a-high-end-glass-water-pip-1774548498195-3392bb34.png"},
        {
-          id: "p2",
-          name: "Vape Pro Kit",
-          price: "$85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/close-up-of-sleek-modern-disposable-vape-1774548498610-a67233a3.png",
-        },
+          id: "p2",          name: "Vape Pro Kit",          price: "$85",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/close-up-of-sleek-modern-disposable-vape-1774548498610-a67233a3.png"},
        {
-          id: "p3",
-          name: "Hand-Rolled Reserve",
-          price: "$45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/a-collection-of-premium-cigars-on-a-rust-1774548499520-a8f3cc82.png",
-        },
+          id: "p3",          name: "Hand-Rolled Reserve",          price: "$45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/a-collection-of-premium-cigars-on-a-rust-1774548499520-a8f3cc82.png"},
      ]}
-      title="New Arrivals"
-      description="Our latest curation of high-end accessories."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
+      title="What Locals Say"
+      description="Join our community of happy enthusiasts."
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
+      animationType="blur-reveal"
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          name: "Alex R.",
-          role: "Collector",
-          company: "Local Enthusiast",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-neo-1774548498843-9e2dd024.png",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-a-happy-customer-well-lit-pr-1774548498348-f05ac41f.png",
-        },
+          id: "t1",          name: "Alex R.",          role: "Collector",          company: "Local Enthusiast",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-neo-1774548498843-9e2dd024.png"},
        {
-          id: "t2",
-          name: "Jordan S.",
-          role: "Regular",
-          company: "Daily Shopper",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-blu-1774548499273-48d183ce.png",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-a-satisfied-customer-modern--1774548499582-481a6dfd.png",
-        },
+          id: "t2",          name: "Jordan S.",          role: "Regular",          company: "Daily Shopper",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-blu-1774548499273-48d183ce.png"},
        {
-          id: "t3",
-          name: "Taylor M.",
-          role: "Vape Enthusiast",
-          company: "Vape Community",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-high-contrast-b-1774548497124-faa0b94f.png",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-a-younger-customer-stylish-1774548496875-f9a75b66.png",
-        },
+          id: "t3",          name: "Taylor M.",          role: "Vape Enthusiast",          company: "Vape Community",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-high-contrast-b-1774548497124-faa0b94f.png"},
        {
-          id: "t4",
-          name: "Sam K.",
-          role: "Glass Connoisseur",
-          company: "The Glass Club",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-blue-texture-1774548499489-dfc2693c.png",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-an-enthusiast-friendly-look-1774548497365-0ac591e0.png",
-        },
+          id: "t4",          name: "Sam K.",          role: "Glass Connoisseur",          company: "The Glass Club",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-blue-texture-1774548499489-dfc2693c.png"},
      ]}
-      title="What Locals Say"
-      description="Join our community of happy enthusiasts."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
-      useInvertedBackground={false}
      title="Visit High Up"
      description="Have questions or looking for something specific? Swing by or send us a message below."
+      useInvertedBackground={false}
      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us what you're looking for...",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Tell us what you're looking for...", rows: 4 }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/dark-atmospheric-smoke-shop-interior-wit-1774548498415-e65902e0.png"
      mediaAnimation="slide-up"
    />
@@ -217,33 +135,16 @@ export default function LandingPage() {
      logoText="High Up"
      columns={[
        {
-          title: "Shop",
-          items: [
-            {
-              label: "Glassware",
-              href: "#products",
-            },
-            {
-              label: "Vapes",
-              href: "#products",
-            },
-            {
-              label: "Cigars",
-              href: "#products",
-            },
+          title: "Shop",          items: [
+            { label: "Glassware", href: "#products" },
+            { label: "Vapes", href: "#products" },
+            { label: "Cigars", href: "#products" },
          ],
        },
        {
-          title: "Info",
-          items: [
-            {
-              label: "About",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Info",          items: [
+            { label: "About", href: "#features" },
+            { label: "Contact", href: "#contact" },
          ],
        },
      ]}