Update src/app/page.tsx

2026-05-09 13:28:34 +00:00
parent 4e44f7cf68
commit 8d8624f1e9
1 changed files with 24 additions and 31 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,6 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
@@ -14,7 +13,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen, Users, Star } from 'lucide-react';
+import { Sparkles, TrendingUp, Users, Star } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -40,23 +39,14 @@ export default function LandingPage() {
            { name: "Journal", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
-          button={{ text: "Shop Now", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="A Fragrance That Lingers Long After You Leave"
-          description="Discover our award-winning perfumes crafted with rare botanicals and master perfumery. Find your signature scent — the one they never forget."
-          tag="Luxury Fragrance"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          description="Discover our award-winning perfumes crafted with rare botanicals."
          background={{ variant: "plain" }}
-          buttons={[
-            { text: "Explore Our Collection", href: "#products" },
-            { text: "Our Craft", href: "#ingredients" }
-          ]}
-          buttonAnimation="slide-up"
          carouselItems={[
            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp" },
            { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-2.webp" },
@@ -71,24 +61,26 @@ export default function LandingPage() {
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="As Seen In"
+          description="Our fragrance house featured in leading publications."
          names={["Vogue", "Harper's Bazaar", "Elle", "Forbes", "Allure"]}
+          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
-          title="Exquisite Packaging & Collection"
-          description="Our perfumes are housed in hand-crafted glass bottles designed to reflect the elegance of the scent within."
+          title="Exquisite Collection"
+          description="Hand-crafted glass bottles and rare scents."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
-            { id: "1", brand: "UMBRA", name: "Solum Eau de Parfum", price: "$185", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-1.webp" },
-            { id: "2", brand: "UMBRA", name: "Aura Eau de Parfum", price: "$165", rating: 4.8, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-2.webp" },
-            { id: "3", brand: "UMBRA", name: "Velour Body Mist", price: "$125", rating: 4.9, reviewCount: "78", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-3.webp" },
-            { id: "4", brand: "UMBRA", name: "Noir Absolu Parfum", price: "$195", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-4.webp" }
+            { id: "1", brand: "UMBRA", name: "Solum", price: "$185", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-1.webp" },
+            { id: "2", brand: "UMBRA", name: "Aura", price: "$165", rating: 4.8, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-2.webp" },
+            { id: "3", brand: "UMBRA", name: "Velour", price: "$125", rating: 4.9, reviewCount: "78", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-3.webp" },
+            { id: "4", brand: "UMBRA", name: "Noir", price: "$195", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-4.webp" }
          ]}
        />
      </div>
@@ -96,14 +88,12 @@ export default function LandingPage() {
      <div id="ingredients" data-section="ingredients">
        <FeatureCardSix
          title="The Art Behind Our Fragrances"
-          description="Each perfume is meticulously composed with rare essences and noble raw materials."
+          description="Meticulously composed with rare essences."
          features={[
-            { title: "Rare Ingredient Sourcing", description: "Sourced from sustainable fields worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg" },
-            { title: "Master Perfumers", description: "Crafted by world-renowned noses.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374097.jpg" },
-            { title: "Lasting Sillage", description: "Designed for exceptional longevity.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-with-water-cup_23-2148892890.jpg" }
+            { title: "Rare Ingredient Sourcing", description: "Sourced from sustainable fields.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp" },
+            { title: "Master Perfumers", description: "Crafted by world-renowned noses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-2.webp" },
+            { title: "Lasting Sillage", description: "Exceptional longevity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-3.webp" }
          ]}
-          showStepNumbers={true}
-          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
@@ -112,9 +102,7 @@ export default function LandingPage() {
      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Investor Insights"
-          description="Our strategic growth in the luxury fragrance sector continues to outpace the industry average."
-          tag="Growth"
-          tagIcon={TrendingUp}
+          description="Strategic growth in the luxury sector."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
@@ -129,7 +117,7 @@ export default function LandingPage() {
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Experiences"
-          description="Hear why our community considers UMBRA their signature scent."
+          description="Hear why our community chooses UMBRA."
          testimonials={[
            { id: "1", name: "Amara Osei", handle: "@amara", testimonial: "The scent is absolutely divine and long-lasting." },
            { id: "2", name: "Chloe Marchand", handle: "@chloe", testimonial: "Simply the best fragrance I have ever owned." }
@@ -143,6 +131,7 @@ export default function LandingPage() {
      <div id="blog" data-section="blog">
        <BlogCardOne
          title="The UMBRA Journal"
+          description="Explore the science of perfumery."
          blogs={[]}
          animationType="slide-up"
          textboxLayout="default"
@@ -153,6 +142,7 @@ export default function LandingPage() {
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
+          description="Everything you need to know."
          faqs={[]}
          faqsAnimation="slide-up"
          textboxLayout="default"
@@ -163,8 +153,12 @@ export default function LandingPage() {
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
-          description="Reach out to our team."
-          inputs={[]}
+          description="Reach out to our team for inquiries."
+          inputs={[
+            { name: "email", type: "email", placeholder: "Enter your email" },
+            { name: "message", type: "text", placeholder: "Your message" }
+          ]}
+          useInvertedBackground={false}
        />
      </div>

@@ -175,7 +169,6 @@ export default function LandingPage() {
            { title: "Products", items: [{ label: "Shop All", href: "#products" }, { label: "Gift Sets", href: "#" }] },
            { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Investors", href: "#metrics" }] }
          ]}
-          copyrightText="© 2026 Primockos. All rights reserved."
        />
      </div>
      </ReactLenis>