Merge version_2 into main #1
202
src/app/page.tsx
202
src/app/page.tsx
@@ -10,8 +10,11 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
export default function LandingPage() {
|
||||
const router = useRouter();
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -29,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="LUXE SELECT"
|
||||
/>
|
||||
@@ -52,17 +43,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Excellence in Every Detail"
|
||||
description="Discover a curated collection of premium goods designed to elevate your everyday living. Quality meets sophistication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-product-backdrop-with-blank-space_53876-104164.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,24 +58,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Quality",
|
||||
description: "Every item undergoes rigorous quality control to ensure perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-new-year-2021_23-2148720579.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Worldwide Delivery",
|
||||
description: "We ensure your products reach you quickly and securely, no matter where you are.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-download-buttons-label-collection_23-2149934811.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "24/7 Support",
|
||||
description: "Our team is always here to help with any questions you might have about your order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/messages-outline-style-multiple-set_78370-8370.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Premium Quality", description: "Every item undergoes rigorous quality control to ensure perfection.", imageSrc: "http://img.b2bpic.net/free-vector/golden-new-year-2021_23-2148720579.jpg" },
|
||||
{ id: "f2", title: "Fast Worldwide Delivery", description: "We ensure your products reach you quickly and securely, no matter where you are.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-download-buttons-label-collection_23-2149934811.jpg" },
|
||||
{ id: "f3", title: "24/7 Support", description: "Our team is always here to help with any questions you might have about your order.", imageSrc: "http://img.b2bpic.net/free-vector/messages-outline-style-multiple-set_78370-8370.jpg" },
|
||||
]}
|
||||
title="Why Choose Luxe Select"
|
||||
description="We prioritize quality and the customer experience above all else."
|
||||
@@ -105,24 +74,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chronos Elegance",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Nomad Leather Bag",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141487.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sonic Aura Speaker",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722623.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Chronos Elegance", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg", onProductClick: () => router.push('/products/p1') },
|
||||
{ id: "p2", name: "Nomad Leather Bag", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141487.jpg", onProductClick: () => router.push('/products/p2') },
|
||||
{ id: "p3", name: "Sonic Aura Speaker", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722623.jpg", onProductClick: () => router.push('/products/p3') },
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Explore our hand-picked selection of luxury items."
|
||||
@@ -133,24 +87,8 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Brand One",
|
||||
"Brand Two",
|
||||
"Brand Three",
|
||||
"Brand Four",
|
||||
"Brand Five",
|
||||
"Brand Six",
|
||||
"Brand Seven",
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-17265.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148163556.jpg",
|
||||
"http://img.b2bpic.net/free-vector/wedding-invitation-emblem_53876-85025.jpg",
|
||||
"http://img.b2bpic.net/free-vector/aesthetic-linear-wellness-studio-logo-template_742173-16816.jpg",
|
||||
"http://img.b2bpic.net/free-vector/pack-linear-abstract-logos_23-2147681208.jpg",
|
||||
"http://img.b2bpic.net/free-vector/elegant-dark-wedding-invitation-template-art-deco-design_23-2147954545.jpg",
|
||||
"http://img.b2bpic.net/free-psd/meadow-breeze-candle-label-design_23-2151987597.jpg",
|
||||
]}
|
||||
names={["Brand One", "Brand Two", "Brand Three", "Brand Four", "Brand Five", "Brand Six", "Brand Seven"]}
|
||||
logos={["http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-17265.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148163556.jpg", "http://img.b2bpic.net/free-vector/wedding-invitation-emblem_53876-85025.jpg", "http://img.b2bpic.net/free-vector/aesthetic-linear-wellness-studio-logo-template_742173-16816.jpg", "http://img.b2bpic.net/free-vector/pack-linear-abstract-logos_23-2147681208.jpg", "http://img.b2bpic.net/free-vector/elegant-dark-wedding-invitation-template-art-deco-design_23-2147954545.jpg", "http://img.b2bpic.net/free-psd/meadow-breeze-candle-label-design_23-2151987597.jpg"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Joining thousands of satisfied customers and partners worldwide."
|
||||
/>
|
||||
@@ -163,38 +101,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-still-life-detail-interior-house-concept-comfort-home-atmosphere_169016-4628.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Founder",
|
||||
company: "TechLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-screen-mockup-desktop-pc-display-cozy-home-office-desk_482257-124924.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Manager",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Consultant",
|
||||
company: "Agency Y",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986287.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Designer", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/light-still-life-detail-interior-house-concept-comfort-home-atmosphere_169016-4628.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Founder", company: "TechLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/green-screen-mockup-desktop-pc-display-cozy-home-office-desk_482257-124924.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Manager", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Consultant", company: "Agency Y", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986287.jpg" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Authentic experiences from members of our community."
|
||||
@@ -206,21 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day money-back guarantee on all products.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long is shipping?",
|
||||
content: "Orders typically arrive within 7-14 business days worldwide.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we provide international shipping to over 100 countries.",
|
||||
},
|
||||
{ id: "q1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products." },
|
||||
{ id: "q2", title: "How long is shipping?", content: "Orders typically arrive within 7-14 business days worldwide." },
|
||||
{ id: "q3", title: "Do you ship internationally?", content: "Yes, we provide international shipping to over 100 countries." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-coffee-desk_23-2148110225.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -233,53 +131,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#" }, { label: "Collections", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#" }, { label: "Shipping Info", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Luxe Select Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -288,4 +142,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
63
src/app/products/[id]/page.tsx
Normal file
63
src/app/products/[id]/page.tsx
Normal file
@@ -0,0 +1,63 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { useParams } from 'next/navigation';
|
||||
|
||||
export default function ProductDetailTemplate() {
|
||||
const params = useParams();
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/#products" },
|
||||
]}
|
||||
brandName="LUXE SELECT"
|
||||
/>
|
||||
|
||||
<main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||
<div className="bg-card rounded-2xl overflow-hidden aspect-square flex items-center justify-center border border-accent/20">
|
||||
<img src="http://img.b2bpic.net/free-photo/white-product-backdrop-with-blank-space_53876-104164.jpg" alt="Product" className="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h1 className="text-4xl font-bold">Product {params.id}</h1>
|
||||
<p className="text-xl">$199.00</p>
|
||||
<p className="text-foreground/70">A premium product curated for your refined taste.</p>
|
||||
<button
|
||||
className="bg-primary-cta px-8 py-4 rounded-full font-bold w-full transition-transform hover:scale-105"
|
||||
onClick={() => alert('Item added to checkout!')}
|
||||
>
|
||||
Add to Cart & Checkout
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "/#faq" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Luxe Select Inc."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user