Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 45fd512cc6 | |||
| 8b9e811088 | |||
| aa5c39fe05 | |||
| c9462e9057 | |||
| 210c7477ee |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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"},
|
||||
]}
|
||||
brandName="SockBoutique"
|
||||
/>
|
||||
@@ -49,103 +43,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Comfort in Every Step"
|
||||
variant: "plain"}}
|
||||
title="Sock shop"
|
||||
description="Experience premium quality and unmatched softness with our curated collection of luxury socks designed for everyday life."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The softest socks I've ever owned!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-jeans-sitting-floor-drinking-hot-beverage-indoor-overhead-portrait-female-model-with-cup-tea_197531-14190.jpg?_wi=1",
|
||||
imageAlt: "elegant lifestyle sock flatlay",
|
||||
},
|
||||
name: "Alice M.", handle: "@alicem", testimonial: "The softest socks I've ever owned!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-jeans-sitting-floor-drinking-hot-beverage-indoor-overhead-portrait-female-model-with-cup-tea_197531-14190.jpg?_wi=1", imageAlt: "elegant lifestyle sock flatlay"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Perfect fit and amazing durability.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knitting-tools-close-up_23-2148832317.jpg?_wi=1",
|
||||
imageAlt: "cotton dress socks pair",
|
||||
},
|
||||
name: "Mark S.", handle: "@marks", testimonial: "Perfect fit and amazing durability.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knitting-tools-close-up_23-2148832317.jpg?_wi=1", imageAlt: "cotton dress socks pair"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "My feet have never been happier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-legs-near-books-snacks_23-2147888743.jpg?_wi=1",
|
||||
imageAlt: "colorful casual socks studio",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "My feet have never been happier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-legs-near-books-snacks_23-2147888743.jpg?_wi=1", imageAlt: "colorful casual socks studio"},
|
||||
{
|
||||
name: "Tom P.",
|
||||
handle: "@tomp",
|
||||
testimonial: "Exceptional quality that lasts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-tanned-caucasian-woman-chilling-skate-park-after-training-magnificent-woman-wears-white-socks-yellow-shoes-sitting-skateboard_197531-20730.jpg?_wi=1",
|
||||
imageAlt: "sport performance socks pair",
|
||||
},
|
||||
name: "Tom P.", handle: "@tomp", testimonial: "Exceptional quality that lasts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-tanned-caucasian-woman-chilling-skate-park-after-training-magnificent-woman-wears-white-socks-yellow-shoes-sitting-skateboard_197531-20730.jpg?_wi=1", imageAlt: "sport performance socks pair"},
|
||||
{
|
||||
name: "Jenny L.",
|
||||
handle: "@jennyl",
|
||||
testimonial: "These are my daily go-to socks now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sneakers-apparel-fashion_53876-96626.jpg?_wi=1",
|
||||
imageAlt: "bamboo fiber socks soft",
|
||||
},
|
||||
name: "Jenny L.", handle: "@jennyl", testimonial: "These are my daily go-to socks now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sneakers-apparel-fashion_53876-96626.jpg?_wi=1", imageAlt: "bamboo fiber socks soft"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/curly-girl-jeans-sitting-floor-drinking-hot-beverage-indoor-overhead-portrait-female-model-with-cup-tea_197531-14190.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-man-with-coffee-cup-urban-environment_23-2147961466.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-man-with-coffee-cup-urban-environment_23-2147961466.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brunet-stylish-darkskinned-man-sunglasses-orange-jacket-smiling-sincerely-showing-peace-sign-outside_197531-28817.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brunet-stylish-darkskinned-man-sunglasses-orange-jacket-smiling-sincerely-showing-peace-sign-outside_197531-28817.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-stylish-smiling-blond-women-with-penny-skateboards-women-summer-hipster-sport-clothes-posing-near-blue-wall-positive-models_158538-7620.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-stylish-smiling-blond-women-with-penny-skateboards-women-summer-hipster-sport-clothes-posing-near-blue-wall-positive-models_158538-7620.jpg", alt: "Customer"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Cotton",
|
||||
},
|
||||
type: "text", text: "Premium Cotton"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Designed for Comfort",
|
||||
},
|
||||
type: "text", text: "Designed for Comfort"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durability Guaranteed",
|
||||
},
|
||||
type: "text", text: "Durability Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,47 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Essential Cotton",
|
||||
price: "$12",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knitting-tools-close-up_23-2148832317.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Essential Cotton", price: "$12", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/knitting-tools-close-up_23-2148832317.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Artisan Patterned",
|
||||
price: "$18",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-legs-near-books-snacks_23-2147888743.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Artisan Patterned", price: "$18", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/crop-legs-near-books-snacks_23-2147888743.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pro Performance",
|
||||
price: "$20",
|
||||
variant: "Sport",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-tanned-caucasian-woman-chilling-skate-park-after-training-magnificent-woman-wears-white-socks-yellow-shoes-sitting-skateboard_197531-20730.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Pro Performance", price: "$20", variant: "Sport", imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-tanned-caucasian-woman-chilling-skate-park-after-training-magnificent-woman-wears-white-socks-yellow-shoes-sitting-skateboard_197531-20730.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bamboo Soft",
|
||||
price: "$15",
|
||||
variant: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sneakers-apparel-fashion_53876-96626.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Bamboo Soft", price: "$15", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sneakers-apparel-fashion_53876-96626.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wool Comfort",
|
||||
price: "$22",
|
||||
variant: "Winter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ugly-christmas-texture-high-angle_23-2149590279.jpg",
|
||||
},
|
||||
id: "5", name: "Wool Comfort", price: "$22", variant: "Winter", imageSrc: "http://img.b2bpic.net/free-photo/ugly-christmas-texture-high-angle_23-2149590279.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Office Classic",
|
||||
price: "$14",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-s-feet-wearing-socks-bed-sheet_23-2147904477.jpg",
|
||||
},
|
||||
id: "6", name: "Office Classic", price: "$14", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/couple-s-feet-wearing-socks-bed-sheet_23-2147904477.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our hand-picked selection of high-quality socks for every occasion."
|
||||
@@ -210,14 +126,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Passion"
|
||||
description={[
|
||||
"We source only the finest sustainable materials to create socks that last.",
|
||||
"Our mission is to bring comfort and style to your daily routine.",
|
||||
]}
|
||||
"We source only the finest sustainable materials to create socks that last.", "Our mission is to bring comfort and style to your daily routine."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,40 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Creative",
|
||||
testimonial: "The design and comfort are unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", role: "Creative", testimonial: "The design and comfort are unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David",
|
||||
role: "Architect",
|
||||
testimonial: "I'll never buy cheap socks again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
},
|
||||
id: "2", name: "David", role: "Architect", testimonial: "I'll never buy cheap socks again.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma",
|
||||
role: "Designer",
|
||||
testimonial: "So many colors and styles to choose from!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-coffee-cup-urban-environment_23-2147961466.jpg",
|
||||
},
|
||||
id: "3", name: "Emma", role: "Designer", testimonial: "So many colors and styles to choose from!", imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-coffee-cup-urban-environment_23-2147961466.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
role: "Engineer",
|
||||
testimonial: "Durable and incredibly soft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunet-stylish-darkskinned-man-sunglasses-orange-jacket-smiling-sincerely-showing-peace-sign-outside_197531-28817.jpg",
|
||||
},
|
||||
id: "4", name: "John", role: "Engineer", testimonial: "Durable and incredibly soft.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunet-stylish-darkskinned-man-sunglasses-orange-jacket-smiling-sincerely-showing-peace-sign-outside_197531-28817.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kate",
|
||||
role: "Writer",
|
||||
testimonial: "Pure luxury for your feet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-stylish-smiling-blond-women-with-penny-skateboards-women-summer-hipster-sport-clothes-posing-near-blue-wall-positive-models_158538-7620.jpg",
|
||||
},
|
||||
id: "5", name: "Kate", role: "Writer", testimonial: "Pure luxury for your feet.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-stylish-smiling-blond-women-with-penny-skateboards-women-summer-hipster-sport-clothes-posing-near-blue-wall-positive-models_158538-7620.jpg"},
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="Hear what our customers have to say about their new favorite socks."
|
||||
@@ -278,30 +165,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I choose the right size?",
|
||||
content: "Our socks are designed with stretchy, premium materials that fit most foot shapes perfectly from sizes US 6 to 12.",
|
||||
},
|
||||
id: "q1", title: "How do I choose the right size?", content: "Our socks are designed with stretchy, premium materials that fit most foot shapes perfectly from sizes US 6 to 12."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are these socks eco-friendly?",
|
||||
content: "We prioritize sustainability by using recycled cotton and bamboo fibers in our production process.",
|
||||
},
|
||||
id: "q2", title: "Are these socks eco-friendly?", content: "We prioritize sustainability by using recycled cotton and bamboo fibers in our production process."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does shipping take?",
|
||||
content: "We aim to process and ship all orders within 48 hours for fast delivery.",
|
||||
},
|
||||
id: "q3", title: "How long does shipping take?", content: "We aim to process and ship all orders within 48 hours for fast delivery."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day satisfaction guarantee. If you are not happy, let us know and we'll fix it.",
|
||||
},
|
||||
id: "q4", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you are not happy, let us know and we'll fix it."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I wash these in a machine?",
|
||||
content: "Yes, for best results, we recommend washing in cold water with similar colors and air-drying.",
|
||||
},
|
||||
id: "q5", title: "Can I wash these in a machine?", content: "Yes, for best results, we recommend washing in cold water with similar colors and air-drying."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,16 +182,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SockBoutique"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user