Merge version_1 into main #2
@@ -6,78 +6,47 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-us" data-section="about-us">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,104 +7,61 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Have questions or need support? Reach out to our dedicated team anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Have questions or need support? Reach out to our dedicated team anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Support Queries"
|
||||
description="Check here first for quick answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Support hours?",
|
||||
content: "We are available 24/7.",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Response time?",
|
||||
content: "Within 24 hours.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Have questions or need support? Reach out to our dedicated team anytime."
|
||||
buttons={[{ text: "Send Message" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Support Queries"
|
||||
description="Check here first for quick answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "c1", title: "Support hours?", content: "We are available 24/7." },
|
||||
{ id: "c2", title: "Response time?", content: "Within 24 hours." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
302
src/app/page.tsx
302
src/app/page.tsx
@@ -17,217 +17,101 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Elevate Your Living Space"
|
||||
description="Curated home improvement and kitchen essentials delivered globally. Transform your home into a sanctuary with our premium selection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008677.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Global Shipping",
|
||||
title: "Worldwide Delivery",
|
||||
items: [
|
||||
"USA, UK, Canada, Australia",
|
||||
"Fast tracked shipping",
|
||||
"Secure packaging",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Quality",
|
||||
title: "Premium Selection",
|
||||
items: [
|
||||
"Hand-picked items",
|
||||
"Durable materials",
|
||||
"Trend-focused design",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Support",
|
||||
title: "24/7 Support",
|
||||
items: [
|
||||
"Easy returns",
|
||||
"Live customer help",
|
||||
"Multi-currency support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose DecorHome"
|
||||
description="We ensure your shopping experience is seamless, secure, and satisfying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Quality",
|
||||
quote: "The kitchenware I ordered is stunning and arrived much faster than expected!",
|
||||
name: "Sarah J.",
|
||||
role: "London, UK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36700.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Experience",
|
||||
quote: "Fantastic selection of home decor. My living room looks brand new.",
|
||||
name: "Mike D.",
|
||||
role: "Toronto, CA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-3d-rendering_52683-131548.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Top Notch",
|
||||
quote: "Everything I bought fits perfectly. Reliable and high quality items.",
|
||||
name: "Alice W.",
|
||||
role: "Sydney, AU",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Smooth Process",
|
||||
quote: "Loved the tracking and communication. Excellent customer service.",
|
||||
name: "Tom B.",
|
||||
role: "New York, USA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Beautiful pieces that make a difference. I'll definitely shop again.",
|
||||
name: "Emma R.",
|
||||
role: "Los Angeles, USA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Homeowners"
|
||||
description="See why thousands trust us to upgrade their kitchen and living spaces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve a growing global community of home enthusiasts."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Customers",
|
||||
description: "Satisfied homeowners globally.",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Products",
|
||||
description: "Curated selection.",
|
||||
icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45+",
|
||||
title: "Countries",
|
||||
description: "Delivering to your door.",
|
||||
icon: Globe,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long is shipping?",
|
||||
content: "Typically 7-14 business days depending on your location.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we offer a 30-day return policy for unused items.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Where do you ship?",
|
||||
content: "We ship globally to over 45 countries.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Elevate Your Living Space"
|
||||
description="Curated home improvement and kitchen essentials delivered globally. Transform your home into a sanctuary with our premium selection."
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008677.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Global Shipping", title: "Worldwide Delivery", items: ["USA, UK, Canada, Australia", "Fast tracked shipping", "Secure packaging"] },
|
||||
{ id: "f2", label: "Quality", title: "Premium Selection", items: ["Hand-picked items", "Durable materials", "Trend-focused design"] },
|
||||
{ id: "f3", label: "Support", title: "24/7 Support", items: ["Easy returns", "Live customer help", "Multi-currency support"] },
|
||||
]}
|
||||
title="Why Choose DecorHome"
|
||||
description="We ensure your shopping experience is seamless, secure, and satisfying."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excellent Quality", quote: "The kitchenware I ordered is stunning and arrived much faster than expected!", name: "Sarah J.", role: "London, UK", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36700.jpg" },
|
||||
{ id: "t2", title: "Great Experience", quote: "Fantastic selection of home decor. My living room looks brand new.", name: "Mike D.", role: "Toronto, CA", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-3d-rendering_52683-131548.jpg" },
|
||||
{ id: "t3", title: "Top Notch", quote: "Everything I bought fits perfectly. Reliable and high quality items.", name: "Alice W.", role: "Sydney, AU", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg" },
|
||||
{ id: "t4", title: "Smooth Process", quote: "Loved the tracking and communication. Excellent customer service.", name: "Tom B.", role: "New York, USA", imageSrc: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg" },
|
||||
{ id: "t5", title: "Highly Recommend", quote: "Beautiful pieces that make a difference. I'll definitely shop again.", name: "Emma R.", role: "Los Angeles, USA", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
|
||||
]}
|
||||
title="Loved by Homeowners"
|
||||
description="See why thousands trust us to upgrade their kitchen and living spaces."
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve a growing global community of home enthusiasts."
|
||||
metrics={[
|
||||
{ id: "m1", value: "15k+", title: "Happy Customers", description: "Satisfied homeowners globally.", icon: Smile },
|
||||
{ id: "m2", value: "500+", title: "Products", description: "Curated selection.", icon: Package },
|
||||
{ id: "m3", value: "45+", title: "Countries", description: "Delivering to your door.", icon: Globe },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "faq1", title: "How long is shipping?", content: "Typically 7-14 business days depending on your location." },
|
||||
{ id: "faq2", title: "Can I return items?", content: "Yes, we offer a 30-day return policy for unused items." },
|
||||
{ id: "faq3", title: "Where do you ship?", content: "We ship globally to over 45 countries." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,208 +7,71 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "DecorHome",
|
||||
name: "Modern Ceramic Vase",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "DecorHome",
|
||||
name: "Kitchen Knife Set",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096507.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "DecorHome",
|
||||
name: "Luxury Wool Throw",
|
||||
price: "$85.00",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-still-life-with-candles-knitted-element-book-flowers_169016-11189.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "DecorHome",
|
||||
name: "Smart Kitchen Scale",
|
||||
price: "$30.00",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-glass-scale-with-kettle_23-2148824405.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "DecorHome",
|
||||
name: "Minimalist Wall Clock",
|
||||
price: "$55.00",
|
||||
rating: 4,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-wooden-desk-against-weathered-wall_23-2147943450.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "DecorHome",
|
||||
name: "Cozy Table Lamp",
|
||||
price: "$95.00",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-digital-art-style_23-2151153834.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Discover our latest additions for home and kitchen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Shop Our Collection"
|
||||
description="Discover our latest additions for home and kitchen."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "DecorHome",
|
||||
name: "Modern Ceramic Vase",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "DecorHome",
|
||||
name: "Kitchen Knife Set",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096507.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "DecorHome",
|
||||
name: "Luxury Wool Throw",
|
||||
price: "$85.00",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-still-life-with-candles-knitted-element-book-flowers_169016-11189.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "DecorHome",
|
||||
name: "Smart Kitchen Scale",
|
||||
price: "$30.00",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-glass-scale-with-kettle_23-2148824405.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "DecorHome",
|
||||
name: "Minimalist Wall Clock",
|
||||
price: "$55.00",
|
||||
rating: 4,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-wooden-desk-against-weathered-wall_23-2147943450.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "DecorHome",
|
||||
name: "Cozy Table Lamp",
|
||||
price: "$95.00",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-digital-art-style_23-2151153834.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Shopping Help"
|
||||
description="Questions about our shop."
|
||||
faqsAnimation="opacity"
|
||||
faqs={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Payment methods?",
|
||||
content: "We accept credit cards, PayPal, and Apple Pay.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Order tracking?",
|
||||
content: "You will receive a tracking link via email once shipped.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="DecorHome"
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Shop Our Collection"
|
||||
description="Discover our latest additions for home and kitchen."
|
||||
products={[
|
||||
{ id: "p1", brand: "DecorHome", name: "Modern Ceramic Vase", price: "$45.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg" },
|
||||
{ id: "p2", brand: "DecorHome", name: "Kitchen Knife Set", price: "$120.00", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096507.jpg" },
|
||||
{ id: "p3", brand: "DecorHome", name: "Luxury Wool Throw", price: "$85.00", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-still-life-with-candles-knitted-element-book-flowers_169016-11189.jpg" },
|
||||
{ id: "p4", brand: "DecorHome", name: "Smart Kitchen Scale", price: "$30.00", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-glass-scale-with-kettle_23-2148824405.jpg" },
|
||||
{ id: "p5", brand: "DecorHome", name: "Minimalist Wall Clock", price: "$55.00", rating: 4, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/clock-wooden-desk-against-weathered-wall_23-2147943450.jpg" },
|
||||
{ id: "p6", brand: "DecorHome", name: "Cozy Table Lamp", price: "$95.00", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-digital-art-style_23-2151153834.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Shopping Help"
|
||||
description="Questions about our shop."
|
||||
faqsAnimation="opacity"
|
||||
faqs={[
|
||||
{ id: "s1", title: "Payment methods?", content: "We accept credit cards, PayPal, and Apple Pay." },
|
||||
{ id: "s2", title: "Order tracking?", content: "You will receive a tracking link via email once shipped." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DecorHome"
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user