Merge version_1 into main #1
172
src/app/page.tsx
172
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Crochet Stars"
|
||||
/>
|
||||
@@ -54,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Bringing Handmade Magic to Your Home"
|
||||
description="Exquisite handcrafted crochet stars and textile art, made with love and sustainable materials."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Stars",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Stars", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-candies-jelly-marmalade-unhealthy-sweets_114579-65598.jpg",
|
||||
imageAlt: "Handcrafted crochet stars",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colorful-candies-jelly-marmalade-unhealthy-sweets_114579-65598.jpg", imageAlt: "Handcrafted crochet stars"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-crocheting-with-yellow-yarn_23-2149299512.jpg",
|
||||
imageAlt: "Artist at work",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-crocheting-with-yellow-yarn_23-2149299512.jpg", imageAlt: "Artist at work"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-brown-wooden-star_23-2147971284.jpg",
|
||||
imageAlt: "Soft yarn detail",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-brown-wooden-star_23-2147971284.jpg", imageAlt: "Soft yarn detail"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-glass-holder-with-different-type-hand-tools-wooden-desk_23-2148155224.jpg",
|
||||
imageAlt: "Shop workspace",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-glass-holder-with-different-type-hand-tools-wooden-desk_23-2148155224.jpg", imageAlt: "Shop workspace"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teddy-heart-hanging-rope_23-2147592088.jpg",
|
||||
imageAlt: "Hanging stars",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/teddy-heart-hanging-rope_23-2147592088.jpg", imageAlt: "Hanging stars"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-coloring-egg_23-2147754648.jpg",
|
||||
imageAlt: "Crochet creation",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-coloring-egg_23-2147754648.jpg", imageAlt: "Crochet creation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,41 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Star Ornament",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-spool-with-ribbon-buttons_1252-660.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Star Ornament", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/thread-spool-with-ribbon-buttons_1252-660.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Star Keychains",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background_58702-6940.jpg",
|
||||
},
|
||||
id: "p2", name: "Star Keychains", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background_58702-6940.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nursery Star Mobile",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hanger-with-christmas-star_1252-31.jpg",
|
||||
},
|
||||
id: "p3", name: "Nursery Star Mobile", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/hanger-with-christmas-star_1252-31.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Star Coaster Set",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-sweaters-cup-tea_169016-3568.jpg",
|
||||
},
|
||||
id: "p4", name: "Star Coaster Set", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/stack-sweaters-cup-tea_169016-3568.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Boho Wall Star",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/letter-made-from-gray-threads-isolated-top-view_169016-50643.jpg",
|
||||
},
|
||||
id: "p5", name: "Boho Wall Star", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/letter-made-from-gray-threads-isolated-top-view_169016-50643.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Star Storage Basket",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basket-with-wool-knitting-needles_23-2148859093.jpg",
|
||||
},
|
||||
id: "p6", name: "Star Storage Basket", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/basket-with-wool-knitting-needles_23-2148859093.jpg"},
|
||||
]}
|
||||
title="Explore Our Collections"
|
||||
description="Each star is uniquely crafted, bringing a touch of magic to your space."
|
||||
@@ -157,25 +104,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Yarns",
|
||||
description: "Made with 100% organic cotton for soft, durable pieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620449.jpg",
|
||||
},
|
||||
title: "Premium Yarns", description: "Made with 100% organic cotton for soft, durable pieces.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620449.jpg"},
|
||||
{
|
||||
title: "Handcrafted Care",
|
||||
description: "Every stitch is placed with precision and intention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiley-woman-crocheting_23-2148754126.jpg",
|
||||
},
|
||||
title: "Handcrafted Care", description: "Every stitch is placed with precision and intention.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiley-woman-crocheting_23-2148754126.jpg"},
|
||||
{
|
||||
title: "Sustainable Joy",
|
||||
description: "Eco-friendly packaging and conscious production.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-decorated-with-wooden-button_23-2147899166.jpg",
|
||||
},
|
||||
title: "Sustainable Joy", description: "Eco-friendly packaging and conscious production.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-decorated-with-wooden-button_23-2147899166.jpg"},
|
||||
]}
|
||||
title="Why Our Stars Stand Out"
|
||||
description="The perfect blend of tradition and craftsmanship."
|
||||
@@ -190,25 +129,15 @@ export default function LandingPage() {
|
||||
author="Elena M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-restoring-wooden-chair_23-2150062406.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-restoring-wooden-chair_23-2150062406.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397721.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397721.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-making-ribbon_23-2148876444.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-making-ribbon_23-2148876444.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mutual-creative-work-adult-elegant-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40109.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mutual-creative-work-adult-elegant-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40109.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-hanukkah-traditional-festival-copy-space-card_23-2148716850.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-hanukkah-traditional-festival-copy-space-card_23-2148716850.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -220,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does custom order take?",
|
||||
content: "Usually 2-3 weeks for bespoke designs.",
|
||||
},
|
||||
id: "1", title: "How long does custom order take?", content: "Usually 2-3 weeks for bespoke designs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I wash the crochet stars?",
|
||||
content: "Gentle hand wash recommended for longevity.",
|
||||
},
|
||||
id: "2", title: "Can I wash the crochet stars?", content: "Gentle hand wash recommended for longevity."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship worldwide with tracked parcels.",
|
||||
},
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide with tracked parcels."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -247,15 +167,9 @@ export default function LandingPage() {
|
||||
description="Have a custom vision? We'd love to chat about bringing your crochet ideas to life."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-leisure-activities-group-art-classes-drawing-academy-interior-empty-art-school-interior-with-wooden-easels-standing-row-no-people-pencil-sketching-lessons-visual-arts-education_482257-64461.jpg"
|
||||
/>
|
||||
@@ -265,29 +179,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user