Merge version_2 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -30,81 +30,50 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Discover Unforgettable Style & Quality"
|
||||
description="Your one-stop shop for unique products, handcrafted with passion and delivered with care. Experience the difference today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop All Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop All Products", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-showcasing-platforms-with-dreamy-colors-aesthetic_23-2151780660.jpg",
|
||||
imageAlt: "Collection of stylish ceramic mugs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-showcasing-platforms-with-dreamy-colors-aesthetic_23-2151780660.jpg", imageAlt: "Collection of stylish ceramic mugs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-man-showing-smartphone-screen-shopping-bags-achieve-app-goal-demonstrating-mobile-bankin_1258-157057.jpg",
|
||||
imageAlt: "Assortment of handmade scented candles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-man-showing-smartphone-screen-shopping-bags-achieve-app-goal-demonstrating-mobile-bankin_1258-157057.jpg", imageAlt: "Assortment of handmade scented candles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fashion-week-template-design_23-2151089977.jpg",
|
||||
imageAlt: "Fashionable tote bags with minimalist designs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fashion-week-template-design_23-2151089977.jpg", imageAlt: "Fashionable tote bags with minimalist designs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-composition-black-background-with-copy-space_23-2148665587.jpg",
|
||||
imageAlt: "Gourmet coffee beans in artisanal packaging",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-composition-black-background-with-copy-space_23-2148665587.jpg", imageAlt: "Gourmet coffee beans in artisanal packaging"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accessories-summer-skin-body-care_185193-110795.jpg",
|
||||
imageAlt: "Various aesthetic home decor items",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accessories-summer-skin-body-care_185193-110795.jpg", imageAlt: "Various aesthetic home decor items"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-pretty-caucasian-woman-with-silk-scarf-head_291650-546.jpg",
|
||||
imageAlt: "Jewelry pieces on display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-pretty-caucasian-woman-with-silk-scarf-head_291650-546.jpg", imageAlt: "Jewelry pieces on display"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,15 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Our Craft & Commitment",
|
||||
},
|
||||
type: "text", content: "About Our Craft & Commitment"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -135,19 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic Quality",
|
||||
"Limited Options",
|
||||
"Slow Shipping",
|
||||
"Poor Support",
|
||||
],
|
||||
"Generic Quality", "Limited Options", "Slow Shipping", "Poor Support"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Curated Selection",
|
||||
"Handpicked Quality",
|
||||
"Fast & Secure Delivery",
|
||||
"Exceptional Customer Support",
|
||||
],
|
||||
"Curated Selection", "Handpicked Quality", "Fast & Secure Delivery", "Exceptional Customer Support"],
|
||||
}}
|
||||
title="Why Choose Our Store?"
|
||||
description="We're dedicated to bringing you exceptional products and a seamless shopping experience. Discover what makes us special."
|
||||
@@ -162,45 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "ceramic-mug",
|
||||
brand: "Crafted Goods",
|
||||
name: "Artisan Ceramic Mug",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-drink-decorations_23-2147886019.jpg",
|
||||
imageAlt: "Artisan Ceramic Mug",
|
||||
},
|
||||
id: "ceramic-mug", brand: "Crafted Goods", name: "Artisan Ceramic Mug", price: "$24.99", rating: 5,
|
||||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-drink-decorations_23-2147886019.jpg", imageAlt: "Artisan Ceramic Mug"},
|
||||
{
|
||||
id: "scented-candle",
|
||||
brand: "Aroma Bliss",
|
||||
name: "Luxury Scented Candle",
|
||||
price: "$34.00",
|
||||
rating: 4,
|
||||
reviewCount: "85 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-candles-knitted-element-blurred-background_169016-52987.jpg",
|
||||
imageAlt: "Luxury Scented Candle",
|
||||
},
|
||||
id: "scented-candle", brand: "Aroma Bliss", name: "Luxury Scented Candle", price: "$34.00", rating: 4,
|
||||
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-candles-knitted-element-blurred-background_169016-52987.jpg", imageAlt: "Luxury Scented Candle"},
|
||||
{
|
||||
id: "tote-bag",
|
||||
brand: "EcoStyle",
|
||||
name: "Sustainable Canvas Tote",
|
||||
price: "$18.50",
|
||||
rating: 5,
|
||||
reviewCount: "210 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/summer-fashion-template-social-media-post_53876-118029.jpg",
|
||||
imageAlt: "Sustainable Canvas Tote",
|
||||
},
|
||||
id: "tote-bag", brand: "EcoStyle", name: "Sustainable Canvas Tote", price: "$18.50", rating: 5,
|
||||
reviewCount: "210 reviews", imageSrc: "http://img.b2bpic.net/free-vector/summer-fashion-template-social-media-post_53876-118029.jpg", imageAlt: "Sustainable Canvas Tote"},
|
||||
{
|
||||
id: "coffee-beans",
|
||||
brand: "Morning Brew",
|
||||
name: "Premium Coffee Beans",
|
||||
price: "$29.99",
|
||||
rating: 4,
|
||||
reviewCount: "95 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-coffee-biscuits-chocolate-marble-surface_114579-57893.jpg",
|
||||
imageAlt: "Premium Coffee Beans",
|
||||
},
|
||||
id: "coffee-beans", brand: "Morning Brew", name: "Premium Coffee Beans", price: "$29.99", rating: 4,
|
||||
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-coffee-biscuits-chocolate-marble-surface_114579-57893.jpg", imageAlt: "Premium Coffee Beans"},
|
||||
]}
|
||||
title="Our Featured Collections"
|
||||
description="Explore our most popular items and discover new favorites for every occasion. Handpicked for quality and style."
|
||||
@@ -209,50 +138,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Designer",
|
||||
testimonial: "Absolutely love the quality and unique design of every product. My go-to shop now!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-117443.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Designer", testimonial: "Absolutely love the quality and unique design of every product. My go-to shop now!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-117443.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "The coffee beans are fantastic! Fast shipping and excellent customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-dark-skinned-woman-wearing-stylish-turtleneck-smiling-positively-showing-thumbs-up-gesture_344912-1031.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Coffee Enthusiast", testimonial: "The coffee beans are fantastic! Fast shipping and excellent customer service.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-dark-skinned-woman-wearing-stylish-turtleneck-smiling-positively-showing-thumbs-up-gesture_344912-1031.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Home Decorator",
|
||||
testimonial: "Found the perfect decor pieces for my living room. They truly elevate the space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Home Decorator", testimonial: "Found the perfect decor pieces for my living room. They truly elevate the space.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Student",
|
||||
testimonial: "Great selection of sustainable items. My new tote bag is both stylish and practical.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Student", testimonial: "Great selection of sustainable items. My new tote bag is both stylish and practical.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Gift Shopper",
|
||||
testimonial: "Always find the most thoughtful and unique gifts here. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-117443.jpg?_wi=2",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Gift Shopper", testimonial: "Always find the most thoughtful and unique gifts here. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-117443.jpg?_wi=2", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="See what our community loves most about shopping with us. Your satisfaction is our priority."
|
||||
@@ -265,27 +164,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your shipping options?",
|
||||
content: "We offer standard and express shipping within the country. International shipping options are also available for most products. You can find detailed information on our shipping policy page.",
|
||||
},
|
||||
id: "1", title: "What are your shipping options?", content: "We offer standard and express shipping within the country. International shipping options are also available for most products. You can find detailed information on our shipping policy page."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I return a product if I'm not satisfied?",
|
||||
content: "Yes, we offer a 30-day satisfaction guarantee. If you are not happy with your purchase, you can return it within 30 days for a full refund or exchange. Please see our return policy for full details.",
|
||||
},
|
||||
id: "2", title: "Can I return a product if I'm not satisfied?", content: "Yes, we offer a 30-day satisfaction guarantee. If you are not happy with your purchase, you can return it within 30 days for a full refund or exchange. Please see our return policy for full details."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer gift wrapping services?",
|
||||
content: "Absolutely! During checkout, you will have the option to add gift wrapping and a personalized message for a small additional fee. Make your gift extra special!",
|
||||
},
|
||||
id: "3", title: "Do you offer gift wrapping services?", content: "Absolutely! During checkout, you will have the option to add gift wrapping and a personalized message for a small additional fee. Make your gift extra special!"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-businessman-white-shirt-headphones-with-microphone-looking-camera-smiling-showing-thumbs-up-sitting-table-offise-white-background_141793-53945.jpg"
|
||||
imageAlt="Customer service representative helping a client"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our products, orders, and services."
|
||||
faqsAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -293,16 +183,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Shopify Store"
|
||||
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