Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Truck, Award, Globe } from "lucide-react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopStyle"
|
||||
/>
|
||||
@@ -55,30 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elevate Your Style"
|
||||
description="Curated collections of premium quality goods designed for the modern lifestyle."
|
||||
tag="New Arrivals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-trendy-clothing-store-selling-fashionable-items-shoes_482257-93115.jpg?_wi=1",
|
||||
imageAlt: "luxury clothing store interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-trendy-clothing-store-selling-fashionable-items-shoes_482257-93115.jpg", imageAlt: "luxury clothing store interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg?_wi=1",
|
||||
imageAlt: "luxury bag studio photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg", imageAlt: "luxury bag studio photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notebooks-girls-bed_53876-144959.jpg",
|
||||
imageAlt: "luxury lifestyle flat lay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notebooks-girls-bed_53876-144959.jpg", imageAlt: "luxury lifestyle flat lay"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -90,28 +74,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Shop with confidence knowing your data is protected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-vector_23-2147497210.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Secure Payments", description: "Shop with confidence knowing your data is protected.", imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-vector_23-2147497210.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Express delivery options to your doorstep globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-delivery-man-holding-clapperboard_1368-8247.jpg",
|
||||
buttonIcon: "Truck",
|
||||
title: "Fast Shipping", description: "Express delivery options to your doorstep globally.", imageSrc: "http://img.b2bpic.net/free-photo/pizza-delivery-man-holding-clapperboard_1368-8247.jpg", buttonIcon: Truck,
|
||||
},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Every item undergoes strict inspection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-basket-icon-front-side_187299-40115.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Quality Assured", description: "Every item undergoes strict inspection.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-basket-icon-front-side_187299-40115.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Global Support",
|
||||
description: "We are available 24/7 to assist your needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-agency-infographic_1232-62.jpg",
|
||||
buttonIcon: "Globe",
|
||||
title: "Global Support", description: "We are available 24/7 to assist your needs.", imageSrc: "http://img.b2bpic.net/free-vector/travel-agency-infographic_1232-62.jpg", buttonIcon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Why Shop With Us"
|
||||
@@ -127,50 +99,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Brand A",
|
||||
name: "Premium Shoes",
|
||||
price: "$129.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-assortment_23-2148888569.jpg",
|
||||
},
|
||||
id: "1", brand: "Brand A", name: "Premium Shoes", price: "$129.00", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-assortment_23-2148888569.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Brand B",
|
||||
name: "Classic Watch",
|
||||
price: "$299.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg",
|
||||
},
|
||||
id: "2", brand: "Brand B", name: "Classic Watch", price: "$299.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Brand C",
|
||||
name: "Silk Scarf",
|
||||
price: "$89.00",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-bowl-pumpkin-seeds-with-blue-cloth-stone-background_114579-74675.jpg",
|
||||
},
|
||||
id: "3", brand: "Brand C", name: "Silk Scarf", price: "$89.00", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/blue-bowl-pumpkin-seeds-with-blue-cloth-stone-background_114579-74675.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Brand D",
|
||||
name: "Modern Shades",
|
||||
price: "$149.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-525.jpg",
|
||||
},
|
||||
id: "4", brand: "Brand D", name: "Modern Shades", price: "$149.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-525.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Brand E",
|
||||
name: "Skincare Set",
|
||||
price: "$59.00",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg",
|
||||
},
|
||||
id: "5", brand: "Brand E", name: "Skincare Set", price: "$59.00", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg"},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Discover our collection of premium, handcrafted products for your home and lifestyle."
|
||||
@@ -184,52 +126,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Starter",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Access to sales",
|
||||
"Basic shipping",
|
||||
],
|
||||
id: "p1", title: "Starter", price: "$9", period: "/mo", features: [
|
||||
"Access to sales", "Basic shipping"],
|
||||
button: {
|
||||
text: "Choose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305954.jpg",
|
||||
imageAlt: "premium clothing fabric texture",
|
||||
},
|
||||
text: "Choose"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305954.jpg", imageAlt: "premium clothing fabric texture"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Pro",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Early access",
|
||||
"Express shipping",
|
||||
"Personalized support",
|
||||
],
|
||||
id: "p2", title: "Pro", price: "$29", period: "/mo", features: [
|
||||
"Early access", "Express shipping", "Personalized support"],
|
||||
button: {
|
||||
text: "Choose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-trendy-clothing-store-selling-fashionable-items-shoes_482257-93115.jpg?_wi=2",
|
||||
imageAlt: "premium clothing fabric texture",
|
||||
},
|
||||
text: "Choose"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-trendy-clothing-store-selling-fashionable-items-shoes_482257-93115.jpg", imageAlt: "premium clothing fabric texture"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Elite",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Priority support",
|
||||
"Free shipping",
|
||||
"Exclusive gifts",
|
||||
],
|
||||
id: "p3", title: "Elite", price: "$49", period: "/mo", features: [
|
||||
"Priority support", "Free shipping", "Exclusive gifts"],
|
||||
button: {
|
||||
text: "Choose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg?_wi=2",
|
||||
imageAlt: "premium clothing fabric texture",
|
||||
},
|
||||
text: "Choose"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg", imageAlt: "premium clothing fabric texture"},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
description="Unlock exclusive benefits and early access with our premium membership plans."
|
||||
@@ -243,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "The quality is simply unmatched! Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-holds-cup-morning_613910-16247.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "The quality is simply unmatched! Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-holds-cup-morning_613910-16247.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bobsmith",
|
||||
testimonial: "Fast shipping and fantastic customer support experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Smith", handle: "@bobsmith", testimonial: "Fast shipping and fantastic customer support experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Rose",
|
||||
handle: "@charlier",
|
||||
testimonial: "Everything I bought was exactly as described. Love it!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Rose", handle: "@charlier", testimonial: "Everything I bought was exactly as described. Love it!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Lee",
|
||||
handle: "@davidlee",
|
||||
testimonial: "Premium goods and very sophisticated aesthetic. I'm a fan.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",
|
||||
},
|
||||
id: "4", name: "David Lee", handle: "@davidlee", testimonial: "Premium goods and very sophisticated aesthetic. I'm a fan.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Adams",
|
||||
handle: "@eveadams",
|
||||
testimonial: "Best shopping experience I have had in a long time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-42686.jpg",
|
||||
},
|
||||
id: "5", name: "Eve Adams", handle: "@eveadams", testimonial: "Best shopping experience I have had in a long time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-42686.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved By Thousands"
|
||||
@@ -295,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I return an item?",
|
||||
content: "You can return items within 30 days of purchase by contacting our support team.",
|
||||
},
|
||||
id: "q1", title: "How do I return an item?", content: "You can return items within 30 days of purchase by contacting our support team."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is shipping really free?",
|
||||
content: "Yes, we offer free shipping on all orders over $50.",
|
||||
},
|
||||
id: "q2", title: "Is shipping really free?", content: "Yes, we offer free shipping on all orders over $50."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I track my order?",
|
||||
content: "Once your order ships, you will receive a tracking link via email.",
|
||||
},
|
||||
id: "q3", title: "Can I track my order?", content: "Once your order ships, you will receive a tracking link via email."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiple-computers-vacant-workspace_482257-121920.jpg"
|
||||
title="Common Questions"
|
||||
@@ -326,35 +205,11 @@ export default function LandingPage() {
|
||||
description="Expert fashion advice and curated lifestyle tips straight from our team."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Fashion",
|
||||
title: "2024 Style Trends",
|
||||
excerpt: "The essential trends to watch this coming season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg",
|
||||
date: "Jan 10, 2024",
|
||||
},
|
||||
id: "b1", category: "Fashion", title: "2024 Style Trends", excerpt: "The essential trends to watch this coming season.", imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg", date: "Jan 10, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Lifestyle",
|
||||
title: "Home Minimalism",
|
||||
excerpt: "Curate your home space with elegance and ease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046471.jpg",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/laughing-middle-aged-woman-man-chatting-shopping-holding-paper-bags_1262-12699.jpg",
|
||||
date: "Jan 12, 2024",
|
||||
},
|
||||
id: "b2", category: "Lifestyle", title: "Home Minimalism", excerpt: "Curate your home space with elegance and ease.", imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046471.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/laughing-middle-aged-woman-man-chatting-shopping-holding-paper-bags_1262-12699.jpg", date: "Jan 12, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Lifestyle",
|
||||
title: "Morning Routines",
|
||||
excerpt: "Simple habits for a more productive lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32441.jpg",
|
||||
date: "Jan 15, 2024",
|
||||
},
|
||||
id: "b3", category: "Lifestyle", title: "Morning Routines", excerpt: "Simple habits for a more productive lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32441.jpg", date: "Jan 15, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -363,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Still have questions?"
|
||||
description="Reach out to us if you have any questions or concerns about your order."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@store.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@store.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -383,37 +235,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user