Merge version_3 into main #3
@@ -28,9 +28,9 @@ export default function AboutPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Catalogue", id: "/catalogue" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Tropical Paradise"
|
||||
@@ -77,34 +77,16 @@ export default function AboutPage() {
|
||||
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=4",
|
||||
imageAlt: "premium silk resort dress turquoise ocean"
|
||||
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=4", imageAlt: "premium silk resort dress turquoise ocean"
|
||||
},
|
||||
{
|
||||
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=4",
|
||||
imageAlt: "sustainable eco-friendly luxury swimwear"
|
||||
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=4", imageAlt: "sustainable 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=4",
|
||||
imageAlt: "luxury coastal throw pillow home decor"
|
||||
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=4", imageAlt: "luxury coastal throw pillow home decor"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -123,31 +105,16 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Travel Blogger",
|
||||
company: "Wanderlust Chronicles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-woman-nature_23-2147828069.jpg?_wi=2",
|
||||
imageAlt: "happy travel blogger portrait woman"
|
||||
id: "1", name: "Sarah Mitchell", role: "Travel Blogger", company: "Wanderlust Chronicles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-woman-nature_23-2147828069.jpg?_wi=2", imageAlt: "happy travel blogger portrait woman"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Resort Manager",
|
||||
company: "Island Luxury Hotels",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-having-his-arms-crossed_23-2148763885.jpg?_wi=2",
|
||||
imageAlt: "professional man resort manager portrait"
|
||||
id: "2", name: "James Chen", role: "Resort Manager", company: "Island Luxury Hotels", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-having-his-arms-crossed_23-2148763885.jpg?_wi=2", imageAlt: "professional man resort manager portrait"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Gonzalez",
|
||||
role: "Fashion Influencer",
|
||||
company: "Style & Travel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-selfie-smartphone_107420-12290.jpg?_wi=2",
|
||||
imageAlt: "fashion influencer woman portrait smile"
|
||||
id: "3", name: "Maria Gonzalez", role: "Fashion Influencer", company: "Style & Travel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-selfie-smartphone_107420-12290.jpg?_wi=2", imageAlt: "fashion influencer woman portrait smile"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
@@ -163,8 +130,7 @@ export default function AboutPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "products" },
|
||||
{ label: "Best Sellers", href: "products" },
|
||||
{ label: "Sale", href: "products" },
|
||||
@@ -172,8 +138,7 @@ export default function AboutPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
@@ -181,8 +146,7 @@ export default function AboutPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
@@ -195,4 +159,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
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>
|
||||
);
|
||||
}
|
||||
@@ -27,9 +27,9 @@ export default function ContactPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Catalogue", id: "/catalogue" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Tropical Paradise"
|
||||
@@ -56,19 +56,13 @@ export default function ContactPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day hassle-free return policy on all items. If you're not completely satisfied with your purchase, simply return it in original condition for a full refund. We even provide a prepaid return label for your convenience."
|
||||
id: "1", title: "What is your return policy?", content: "We offer a 30-day hassle-free return policy on all items. If you're not completely satisfied with your purchase, simply return it in original condition for a full refund. We even provide a prepaid return label for your convenience."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Standard shipping typically takes 5-7 business days within the US. For international orders, delivery takes 10-15 business days. Priority shipping options are available for orders that need to arrive faster. All packages are tracked and insured."
|
||||
id: "2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days within the US. For international orders, delivery takes 10-15 business days. Priority shipping options are available for orders that need to arrive faster. All packages are tracked and insured."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your products sustainable?",
|
||||
content: "Yes! We're committed to sustainability. Over 70% of our collection is made from eco-friendly materials including organic cotton, recycled fabrics, and sustainable bamboo. All packaging is 100% recyclable and plastic-free."
|
||||
id: "3", title: "Are your products sustainable?", content: "Yes! We're committed to sustainability. Over 70% of our collection is made from eco-friendly materials including organic cotton, recycled fabrics, and sustainable bamboo. All packaging is 100% recyclable and plastic-free."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -96,8 +90,7 @@ export default function ContactPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "products" },
|
||||
{ label: "Best Sellers", href: "products" },
|
||||
{ label: "Sale", href: "products" },
|
||||
@@ -105,8 +98,7 @@ export default function ContactPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
@@ -114,8 +106,7 @@ export default function ContactPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
@@ -128,4 +119,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
197
src/app/page.tsx
197
src/app/page.tsx
@@ -16,15 +16,14 @@ export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Catalogue", id: "/catalogue" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "/" },
|
||||
{ label: "Best Sellers", href: "/" },
|
||||
{ label: "Sale", href: "/" },
|
||||
@@ -32,8 +31,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
@@ -41,8 +39,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
@@ -85,13 +82,9 @@ export default function HomePage() {
|
||||
imageAlt="Stunning turquoise Caribbean beach at sunset"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "about",
|
||||
},
|
||||
text: "Explore Collection", href: "/catalogue"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,13 +98,9 @@ export default function HomePage() {
|
||||
description="At Tropical Paradise, we believe every moment deserves to be extraordinary. We've curated a collection of premium products inspired by the world's most beautiful beaches. From sustainable resort wear to luxury home accents, each item is handpicked to evoke the feeling of endless summer."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "Artisan Partners",
|
||||
},
|
||||
value: "50+", title: "Artisan Partners"},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "10k+", title: "Happy Customers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tropical-arrangement-fruit-straw-hat_23-2148109209.jpg?_wi=1"
|
||||
imageAlt="Tropical paradise collection of premium products"
|
||||
@@ -130,9 +119,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "View All Products", href: "/shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -141,35 +128,14 @@ export default function HomePage() {
|
||||
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: "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: "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: "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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,68 +152,37 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Essentials",
|
||||
badgeIcon: Waves,
|
||||
price: "Free",
|
||||
subtitle: "Perfect to explore",
|
||||
buttons: [
|
||||
id: "1", badge: "Essentials", badgeIcon: Waves,
|
||||
price: "Free", subtitle: "Perfect to explore", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "about",
|
||||
},
|
||||
text: "Learn More", href: "about"},
|
||||
],
|
||||
features: [
|
||||
"Browse exclusive collection",
|
||||
"Access sale alerts",
|
||||
"Free shipping on orders $100+",
|
||||
],
|
||||
"Browse exclusive collection", "Access sale alerts", "Free shipping on orders $100+"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Paradise Plus",
|
||||
badgeIcon: Star,
|
||||
price: "$49/year",
|
||||
subtitle: "Best for island lovers",
|
||||
buttons: [
|
||||
id: "2", badge: "Paradise Plus", badgeIcon: Star,
|
||||
price: "$49/year", subtitle: "Best for island lovers", buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
},
|
||||
text: "Subscribe Now"},
|
||||
{
|
||||
text: "See Details",
|
||||
},
|
||||
text: "See Details"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Essentials",
|
||||
"Priority shipping",
|
||||
"Exclusive member discounts",
|
||||
"Early access to new products",
|
||||
],
|
||||
"Everything in Essentials", "Priority shipping", "Exclusive member discounts", "Early access to new products"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Luxury Escape",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$149/year",
|
||||
subtitle: "VIP experience",
|
||||
buttons: [
|
||||
id: "3", badge: "Luxury Escape", badgeIcon: Sparkles,
|
||||
price: "$149/year", subtitle: "VIP experience", buttons: [
|
||||
{
|
||||
text: "Join Elite Club",
|
||||
},
|
||||
text: "Join Elite Club"},
|
||||
{
|
||||
text: "Premium Benefits",
|
||||
},
|
||||
text: "Premium Benefits"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Paradise Plus",
|
||||
"Personal shopping assistant",
|
||||
"Free international shipping",
|
||||
"Exclusive VIP events",
|
||||
"Complimentary gift wrapping",
|
||||
],
|
||||
"Everything in Paradise Plus", "Personal shopping assistant", "Free international shipping", "Exclusive VIP events", "Complimentary gift wrapping"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -265,55 +200,25 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Travel Blogger",
|
||||
company: "Wanderlust Chronicles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-woman-nature_23-2147828069.jpg?_wi=1",
|
||||
imageAlt: "Sarah Mitchell travel blogger",
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", role: "Travel Blogger", company: "Wanderlust Chronicles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-woman-nature_23-2147828069.jpg?_wi=1", imageAlt: "Sarah Mitchell travel blogger"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Resort Manager",
|
||||
company: "Island Luxury Hotels",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-having-his-arms-crossed_23-2148763885.jpg?_wi=1",
|
||||
imageAlt: "James Chen resort manager",
|
||||
},
|
||||
id: "2", name: "James Chen", role: "Resort Manager", company: "Island Luxury Hotels", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-having-his-arms-crossed_23-2148763885.jpg?_wi=1", imageAlt: "James Chen resort manager"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Gonzalez",
|
||||
role: "Fashion Influencer",
|
||||
company: "Style & Travel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-selfie-smartphone_107420-12290.jpg?_wi=1",
|
||||
imageAlt: "Maria Gonzalez fashion influencer",
|
||||
},
|
||||
id: "3", name: "Maria Gonzalez", role: "Fashion Influencer", company: "Style & Travel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-selfie-smartphone_107420-12290.jpg?_wi=1", imageAlt: "Maria Gonzalez fashion influencer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Roberts",
|
||||
role: "Home Designer",
|
||||
company: "Coastal Interiors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/short-break-is-obligatory-work_329181-12032.jpg",
|
||||
imageAlt: "David Roberts home designer",
|
||||
},
|
||||
id: "4", name: "David Roberts", role: "Home Designer", company: "Coastal Interiors", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/short-break-is-obligatory-work_329181-12032.jpg", imageAlt: "David Roberts home designer"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Customer satisfaction rate",
|
||||
},
|
||||
value: "98%", label: "Customer satisfaction rate"},
|
||||
{
|
||||
value: "45k+",
|
||||
label: "Happy customers worldwide",
|
||||
},
|
||||
value: "45k+", label: "Happy customers worldwide"},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Average rating",
|
||||
},
|
||||
value: "4.9★", label: "Average rating"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,15 +233,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Travel",
|
||||
"National Geographic",
|
||||
"Condé Nast",
|
||||
"Forbes Lifestyle",
|
||||
"Travel + Leisure",
|
||||
"Elle Decor",
|
||||
"Architectural Digest",
|
||||
"Harper's Bazaar",
|
||||
]}
|
||||
"Vogue Travel", "National Geographic", "Condé Nast", "Forbes Lifestyle", "Travel + Leisure", "Elle Decor", "Architectural Digest", "Harper's Bazaar"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -351,13 +248,9 @@ export default function HomePage() {
|
||||
description="Let our AI assistant guide you to your perfect tropical finds, or reach out directly to our team for personalized help. We're here to make your paradise experience unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chat with AI Assistant",
|
||||
href: "#",
|
||||
},
|
||||
text: "Chat with AI Assistant", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@tropicalparadise.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@tropicalparadise.com"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -372,4 +265,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,15 +12,14 @@ export default function ShopPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Catalogue", id: "/catalogue" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "/" },
|
||||
{ label: "Best Sellers", href: "/" },
|
||||
{ label: "Sale", href: "/" },
|
||||
@@ -28,8 +27,7 @@ export default function ShopPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
@@ -37,8 +35,7 @@ export default function ShopPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
@@ -78,9 +75,7 @@ export default function ShopPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Back to Home",
|
||||
href: "/",
|
||||
},
|
||||
text: "Back to Home", href: "/"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -89,65 +84,23 @@ export default function ShopPage() {
|
||||
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=2",
|
||||
imageAlt: "Premium silk resort dress in turquoise",
|
||||
},
|
||||
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=2", 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=2",
|
||||
imageAlt: "Eco-friendly luxury swimwear",
|
||||
},
|
||||
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=2", 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=2",
|
||||
imageAlt: "Luxurious coastal themed home pillows",
|
||||
},
|
||||
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=2", 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=3",
|
||||
imageAlt: "Lightweight linen beach shirt",
|
||||
},
|
||||
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=3", 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=3",
|
||||
imageAlt: "Elegant woven beach bag",
|
||||
},
|
||||
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=3", 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=3",
|
||||
imageAlt: "Premium tropical wall art collection",
|
||||
},
|
||||
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=3", imageAlt: "Premium tropical wall art collection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,15 +115,7 @@ export default function ShopPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Travel",
|
||||
"National Geographic",
|
||||
"Condé Nast",
|
||||
"Forbes Lifestyle",
|
||||
"Travel + Leisure",
|
||||
"Elle Decor",
|
||||
"Architectural Digest",
|
||||
"Harper's Bazaar",
|
||||
]}
|
||||
"Vogue Travel", "National Geographic", "Condé Nast", "Forbes Lifestyle", "Travel + Leisure", "Elle Decor", "Architectural Digest", "Harper's Bazaar"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -185,13 +130,9 @@ export default function ShopPage() {
|
||||
description="Our team is here to assist you with product recommendations and any questions about our collection. Let us help you discover your perfect tropical items."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chat with AI Assistant",
|
||||
href: "#",
|
||||
},
|
||||
text: "Chat with AI Assistant", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@tropicalparadise.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@tropicalparadise.com"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -206,4 +147,4 @@ export default function ShopPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user