Update src/app/page.tsx
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Wind } from "lucide-react";
|
||||
import { Wind, Thermometer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Collection", id: "catalog"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Wellness",
|
||||
id: "features",
|
||||
},
|
||||
name: "Wellness", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="SONNETE"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Crystalline Comfort Inspired by Nature's Perfection"
|
||||
description="Sonnete glass pillows merge Swiss engineering with organic apple-inspired design. Experience premium sleep wellness wrapped in sustainable luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Sonnete Collection",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Discover Sonnete Collection", href: "#catalog"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-beside-mirror_23-2148879012.jpg?_wi=1",
|
||||
imageAlt: "luxury glass pillow minimalist interior",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-beside-mirror_23-2148879012.jpg", imageAlt: "luxury glass pillow minimalist interior"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-oil-with-blue-sparkles_23-2148227217.jpg",
|
||||
imageAlt: "glass pillow design soft natural light",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-oil-with-blue-sparkles_23-2148227217.jpg", imageAlt: "glass pillow design soft natural light"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160107.jpg",
|
||||
imageAlt: "minimalist bedroom scene glass design",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160107.jpg", imageAlt: "minimalist bedroom scene glass design"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg",
|
||||
imageAlt: "glass pillow close up light refraction",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg", imageAlt: "glass pillow close up light refraction"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-small-colorful-doughnuts_114579-53881.jpg",
|
||||
imageAlt: "luxury minimalist bedroom design detail",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-small-colorful-doughnuts_114579-53881.jpg", imageAlt: "luxury minimalist bedroom design detail"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shaped-lollipops_23-2149535318.jpg",
|
||||
imageAlt: "aesthetic glass pillow lifestyle shot",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shaped-lollipops_23-2149535318.jpg", imageAlt: "aesthetic glass pillow lifestyle shot"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,17 +79,11 @@ export default function LandingPage() {
|
||||
description="Sonnete represents the intersection of artisanal glass craft and ergonomic sleep technology. Each piece is meticulously shaped to offer both therapeutic benefits and sculptural beauty for your sanctuary."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "Eco-conscious materials that prioritize environmental health without compromising elegance.",
|
||||
},
|
||||
title: "Sustainable Luxury", description: "Eco-conscious materials that prioritize environmental health without compromising elegance."},
|
||||
{
|
||||
title: "Artisanal Engineering",
|
||||
description: "Inspired by organic forms, each pillow is engineered for perfect support and comfort.",
|
||||
},
|
||||
title: "Artisanal Engineering", description: "Inspired by organic forms, each pillow is engineered for perfect support and comfort."},
|
||||
{
|
||||
title: "Therapeutic Design",
|
||||
description: "Enhances sleep quality through innovative glass structures that regulate temperature naturally.",
|
||||
},
|
||||
title: "Therapeutic Design", description: "Enhances sleep quality through innovative glass structures that regulate temperature naturally."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outline-green-bell-pepper_171337-11049.jpg"
|
||||
imageAlt="designer glass pillow close up shot"
|
||||
@@ -132,25 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Temperature Regulation",
|
||||
description: "Proprietary glass surface technology provides consistent cool comfort throughout the night.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-vases-with-different-shapes_23-2149681142.jpg",
|
||||
imageAlt: "ergonomic luxury glass sleep surface",
|
||||
},
|
||||
title: "Temperature Regulation", description: "Proprietary glass surface technology provides consistent cool comfort throughout the night.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-vases-with-different-shapes_23-2149681142.jpg", imageAlt: "ergonomic luxury glass sleep surface"},
|
||||
items: [
|
||||
{
|
||||
text: "Constant cooling surface",
|
||||
icon: Thermometer,
|
||||
text: "Constant cooling surface", icon: Thermometer,
|
||||
},
|
||||
{
|
||||
text: "Breathable structure",
|
||||
icon: Wind,
|
||||
text: "Breathable structure", icon: Wind,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-beside-mirror_23-2148879012.jpg?_wi=2",
|
||||
imageAlt: "ergonomic luxury glass sleep surface",
|
||||
},
|
||||
]}
|
||||
title="Designed for Tranquility"
|
||||
@@ -166,41 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Classic Sphere",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-yellow-pillows-white-sofa_181624-30104.jpg",
|
||||
},
|
||||
id: "p1", name: "The Classic Sphere", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-yellow-pillows-white-sofa_181624-30104.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "The Apple Contour",
|
||||
price: "$1,450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289774.jpg",
|
||||
},
|
||||
id: "p2", name: "The Apple Contour", price: "$1,450", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289774.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "The Frosted Rest",
|
||||
price: "$1,350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-placing-round-cushion-bed_53876-132377.jpg",
|
||||
},
|
||||
id: "p3", name: "The Frosted Rest", price: "$1,350", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-placing-round-cushion-bed_53876-132377.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "The Pearlescent Arc",
|
||||
price: "$1,600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928915.jpg",
|
||||
},
|
||||
id: "p4", name: "The Pearlescent Arc", price: "$1,600", imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928915.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "The Sleek Prism",
|
||||
price: "$1,250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-food-day-arrangement_23-2149043023.jpg",
|
||||
},
|
||||
id: "p5", name: "The Sleek Prism", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/world-food-day-arrangement_23-2149043023.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "The Reflection Bed",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/botanical-cover-pack_23-2148843519.jpg",
|
||||
},
|
||||
id: "p6", name: "The Reflection Bed", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-vector/botanical-cover-pack_23-2148843519.jpg"},
|
||||
]}
|
||||
title="The Sonnete Collection"
|
||||
description="Experience our curated selection of glass pillows, designed to elevate your sleep experience into an art form."
|
||||
@@ -212,30 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Isabelle Laurent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-women-shopping-online_23-2148624994.jpg",
|
||||
},
|
||||
id: "1", name: "Isabelle Laurent", imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-women-shopping-online_23-2148624994.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-taking-his-shoes-off-hotel-room_637285-7610.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-taking-his-shoes-off-hotel-room_637285-7610.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe Vance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg",
|
||||
},
|
||||
id: "3", name: "Chloe Vance", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian Sterling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-businessman-standing-front-desk_23-2148187160.jpg",
|
||||
},
|
||||
id: "4", name: "Julian Sterling", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-businessman-standing-front-desk_23-2148187160.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051751.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051751.jpg"},
|
||||
]}
|
||||
cardTitle="Curated Experiences"
|
||||
cardTag="Testimonials"
|
||||
@@ -248,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the glass pillow fragile?",
|
||||
content: "Our pillows are crafted from reinforced, tempered borosilicate glass, designed for daily use and durability.",
|
||||
},
|
||||
id: "f1", title: "Is the glass pillow fragile?", content: "Our pillows are crafted from reinforced, tempered borosilicate glass, designed for daily use and durability."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I clean it?",
|
||||
content: "A simple soft cloth and gentle glass cleaner will keep your Sonnete pillow pristine.",
|
||||
},
|
||||
id: "f2", title: "How do I clean it?", content: "A simple soft cloth and gentle glass cleaner will keep your Sonnete pillow pristine."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it comfortable?",
|
||||
content: "Our ergonomic design ensures perfect neck support, offering a luxurious and cool sleep experience.",
|
||||
},
|
||||
id: "f3", title: "Is it comfortable?", content: "Our ergonomic design ensures perfect neck support, offering a luxurious and cool sleep experience."},
|
||||
]}
|
||||
sideTitle="Questions Answered"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -272,16 +181,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Inquire"
|
||||
title="Private Consultation"
|
||||
description="Interested in custom pieces or bulk professional orders? Connect with our luxury concierge team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,13 +196,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SONNETE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user