Add src/app/catalogue/page.tsx
This commit is contained in:
180
src/app/catalogue/page.tsx
Normal file
180
src/app/catalogue/page.tsx
Normal file
@@ -0,0 +1,180 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Sparkles, TrendingUp, Mail, Award } from 'lucide-react';
|
||||
|
||||
export default function CataloguePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Catalogue", id: "/catalogue" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "/" },
|
||||
{ label: "Best Sellers", href: "/" },
|
||||
{ label: "Sale", href: "/" },
|
||||
{ label: "All Products", href: "/shop" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Tropical Paradise"
|
||||
bottomLeftText="Caribbean Bliss"
|
||||
bottomRightText="hello@tropicalparadise.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Tropical Luxe Product Catalogue"
|
||||
description="Explore our complete collection of handpicked Caribbean luxury items. From premium resort wear to exquisite home accents, discover everything that embodies tropical elegance and sophisticated island living."
|
||||
tag="Complete Collection"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sweet-summer-fresh-wood-dessert_1203-5568.jpg"
|
||||
imageAlt="Tropical luxury product collection showcase"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse All", href: "/shop"},
|
||||
{
|
||||
text: "Back to Home", href: "/"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Our Tropical Luxe Collection"
|
||||
description="Handpicked premium products curated for the discerning traveler and tropical lifestyle enthusiast"
|
||||
tag="Best Sellers"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Shop", href: "/shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Tropical Essence", name: "Silk Resort Dress", price: "$189.99", rating: 5,
|
||||
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-covered-by-veil-beach_23-2149460618.jpg?_wi=1", imageAlt: "Premium silk resort dress in turquoise"},
|
||||
{
|
||||
id: "2", brand: "Island Living", name: "Sustainable Swim Collection", price: "$149.99", rating: 5,
|
||||
reviewCount: "518", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-scarf-walking-beach_23-2147848983.jpg?_wi=1", imageAlt: "Eco-friendly luxury swimwear"},
|
||||
{
|
||||
id: "3", brand: "Paradise Home", name: "Coastal Throw Pillow Set", price: "$129.99", rating: 4,
|
||||
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-tea-decor-items-light-wooden-table-top-view_169016-3980.jpg?_wi=1", imageAlt: "Luxurious coastal themed home pillows"},
|
||||
{
|
||||
id: "4", brand: "Island Breeze", name: "Linen Beach Shirt", price: "$99.99", rating: 5,
|
||||
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-covered-by-veil-beach_23-2149460618.jpg?_wi=2", imageAlt: "Lightweight linen beach shirt"},
|
||||
{
|
||||
id: "5", brand: "Tropical Bliss", name: "Woven Beach Bag", price: "$79.99", rating: 5,
|
||||
reviewCount: "421", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-scarf-walking-beach_23-2147848983.jpg?_wi=2", imageAlt: "Elegant woven beach bag"},
|
||||
{
|
||||
id: "6", brand: "Paradise Home", name: "Tropical Wall Art", price: "$159.99", rating: 4,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-tea-decor-items-light-wooden-table-top-view_169016-3980.jpg?_wi=2", imageAlt: "Premium tropical wall art collection"},
|
||||
{
|
||||
id: "7", brand: "Tropical Essence", name: "Silk Kimono Robe", price: "$199.99", rating: 5,
|
||||
reviewCount: "278", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-covered-by-veil-beach_23-2149460618.jpg?_wi=3", imageAlt: "Luxurious silk kimono robe"},
|
||||
{
|
||||
id: "8", brand: "Island Living", name: "Sustainable Linen Pants", price: "$139.99", rating: 5,
|
||||
reviewCount: "405", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-scarf-walking-beach_23-2147848983.jpg?_wi=3", imageAlt: "Eco-friendly linen pants"},
|
||||
{
|
||||
id: "9", brand: "Paradise Home", name: "Ceramic Vase Collection", price: "$119.99", rating: 4,
|
||||
reviewCount: "193", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-tea-decor-items-light-wooden-table-top-view_169016-3980.jpg?_wi=3", imageAlt: "Handcrafted ceramic vase set"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
title="Featured In & Trusted By"
|
||||
description="Recognized by leading travel and lifestyle publications worldwide"
|
||||
tag="Media Recognition"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Travel", "National Geographic", "Condé Nast", "Forbes Lifestyle", "Travel + Leisure", "Elle Decor", "Architectural Digest", "Harper's Bazaar"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get In Touch"
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
title="Ready to Experience Tropical Luxury?"
|
||||
description="Explore our complete catalogue and find your perfect tropical treasures. Let our team help you discover items that bring the paradise lifestyle to your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chat with AI Assistant", href: "#"},
|
||||
{
|
||||
text: "Contact Support", href: "mailto:hello@tropicalparadise.com"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 Tropical Paradise | All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user