Switch to version 3: modified src/app/collection/page.tsx
This commit is contained in:
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -23,26 +23,20 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "/collection",
|
||||
},
|
||||
name: "Collection", id: "/collection"},
|
||||
{
|
||||
name: "Custom Orders",
|
||||
id: "/custom-order",
|
||||
},
|
||||
name: "Custom Orders", id: "/custom-order"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Wanda"
|
||||
logoSrc="https://example.com/new-wanda-logo-transparent.png"
|
||||
logoAlt="Wanda Bags Logo"
|
||||
brandName="Wanda Bags"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,53 +50,17 @@ export default function LandingPage() {
|
||||
description="Be the first to explore our latest handcrafted creations and exclusive pieces, designed to captivate with timeless elegance."
|
||||
products={[
|
||||
{
|
||||
id: "new-prod-1",
|
||||
name: "The Aurora Clutch",
|
||||
price: "$320",
|
||||
variant: "Evening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4844.jpg",
|
||||
imageAlt: "Woman wearing knitted bag - Aurora Clutch",
|
||||
},
|
||||
id: "new-prod-1", name: "The Aurora Clutch", price: "$320", variant: "Evening", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4844.jpg", imageAlt: "Woman wearing knitted bag - Aurora Clutch"},
|
||||
{
|
||||
id: "new-prod-2",
|
||||
name: "Desert Bloom Shoulder Bag",
|
||||
price: "$290",
|
||||
variant: "Daywear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",
|
||||
imageAlt: "Elegant woman with Desert Bloom Shoulder Bag",
|
||||
},
|
||||
id: "new-prod-2", name: "Desert Bloom Shoulder Bag", price: "$290", variant: "Daywear", imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg", imageAlt: "Elegant woman with Desert Bloom Shoulder Bag"},
|
||||
{
|
||||
id: "new-prod-3",
|
||||
name: "Celestial Crossbody",
|
||||
price: "$275",
|
||||
variant: "Versatile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-girl-with-dark-short-hair-walking-after-work-carrying-black-leather-bag-smiling-portrait-adorable-brunette-young-woman-wearing-vintage-french-clothes-having-fun-indoors_197531-3644.jpg",
|
||||
imageAlt: "Gorgeous girl with Celestial Crossbody",
|
||||
},
|
||||
id: "new-prod-3", name: "Celestial Crossbody", price: "$275", variant: "Versatile", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-girl-with-dark-short-hair-walking-after-work-carrying-black-leather-bag-smiling-portrait-adorable-brunette-young-woman-wearing-vintage-french-clothes-having-fun-indoors_197531-3644.jpg", imageAlt: "Gorgeous girl with Celestial Crossbody"},
|
||||
{
|
||||
id: "new-prod-4",
|
||||
name: "Mystic Aura Tote",
|
||||
price: "$380",
|
||||
variant: "Statement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg",
|
||||
imageAlt: "Clutch with ghost - Mystic Aura Tote",
|
||||
},
|
||||
id: "new-prod-4", name: "Mystic Aura Tote", price: "$380", variant: "Statement", imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg", imageAlt: "Clutch with ghost - Mystic Aura Tote"},
|
||||
{
|
||||
id: "new-prod-5",
|
||||
name: "Starlight Minaudiere",
|
||||
price: "$340",
|
||||
variant: "Glamour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12976.jpg",
|
||||
imageAlt: "Antique Hand Bag layout - Starlight Minaudiere",
|
||||
},
|
||||
id: "new-prod-5", name: "Starlight Minaudiere", price: "$340", variant: "Glamour", imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12976.jpg", imageAlt: "Antique Hand Bag layout - Starlight Minaudiere"},
|
||||
{
|
||||
id: "new-prod-6",
|
||||
name: "Pearl Dewdrop Clutch",
|
||||
price: "$300",
|
||||
variant: "Bridal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",
|
||||
imageAlt: "Hand Bag Layout - Pearl Dewdrop Clutch",
|
||||
},
|
||||
id: "new-prod-6", name: "Pearl Dewdrop Clutch", price: "$300", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg", imageAlt: "Hand Bag Layout - Pearl Dewdrop Clutch"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,14 +69,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Didn't find what you're looking for? Let us create a custom beaded bag just for you. Your unique style, handcrafted."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Custom Order",
|
||||
href: "/custom-order",
|
||||
},
|
||||
text: "Start a Custom Order", href: "/custom-order"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,50 +82,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Wanda",
|
||||
items: [
|
||||
title: "Wanda", items: [
|
||||
{
|
||||
label: "Elevating Everyday and Event Style",
|
||||
href: "#",
|
||||
},
|
||||
label: "Elevating Everyday and Event Style", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "/collection",
|
||||
},
|
||||
label: "Collection", href: "/collection"},
|
||||
{
|
||||
label: "Custom Orders",
|
||||
href: "/custom-order",
|
||||
},
|
||||
label: "Custom Orders", href: "/custom-order"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/wandabags",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/wandabags"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/96176813559",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/96176813559"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/wandabags",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/wandabags"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -181,4 +117,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user