Merge version_1 into main #2
@@ -8,103 +8,67 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Award, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer installation?",
|
||||
content: "Yes, we provide professional installation services with every purchase.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the warranty period?",
|
||||
content: "All appliances come with a 2-year comprehensive manufacturer warranty.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these smart appliances?",
|
||||
content: "Yes, our appliances feature full integration with smart home ecosystems.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our products."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose EliteKitchen?"
|
||||
description="Global reach with local customer care excellence."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Design Awards",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Community",
|
||||
value: "200k+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer installation?", content: "Yes, we provide professional installation services with every purchase." },
|
||||
{ id: "f2", title: "What is the warranty period?", content: "All appliances come with a 2-year comprehensive manufacturer warranty." },
|
||||
{ id: "f3", title: "Are these smart appliances?", content: "Yes, our appliances feature full integration with smart home ecosystems." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our products."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose EliteKitchen?"
|
||||
description="Global reach with local customer care excellence."
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Design Awards", value: "15" },
|
||||
{ id: "m2", icon: Users, title: "Community", value: "200k+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,70 +6,52 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to upgrade your kitchen?"
|
||||
description="Our team is ready to assist you with any questions or consultations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to upgrade your kitchen?"
|
||||
description="Our team is ready to assist you with any questions or consultations."
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
271
src/app/page.tsx
271
src/app/page.tsx
@@ -16,196 +16,91 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="The Future of Smart Cooking"
|
||||
description="Experience precision, efficiency, and design excellence with EliteKitchen's latest smart appliance collection."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-kitchen-scene-with-premium-smart--1774948889646-2609c94e.png?_wi=1",
|
||||
imageAlt: "Smart oven",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/close-up-of-a-premium-washing-machine-in-1774948889804-af7a642f.png?_wi=1",
|
||||
imageAlt: "Smart washer",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-kitchen-scene-with-premium-smart--1774948889646-2609c94e.png?_wi=2",
|
||||
imageAlt: "Smart oven",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/close-up-of-a-premium-washing-machine-in-1774948889804-af7a642f.png?_wi=2",
|
||||
imageAlt: "Smart washer",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-kitchen-scene-with-premium-smart--1774948889646-2609c94e.png?_wi=3",
|
||||
imageAlt: "Smart oven",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/close-up-of-a-premium-washing-machine-in-1774948889804-af7a642f.png?_wi=3",
|
||||
imageAlt: "Smart washer",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Perfection"
|
||||
metrics={[
|
||||
{
|
||||
label: "Appliances Sold",
|
||||
value: "50,000+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Countries Served",
|
||||
value: "30+",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
label: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The oven is absolutely game-changing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
handle: "@marke",
|
||||
testimonial: "Stunning design and incredible performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-student-studying-laptop-cafe_1303-28924.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
handle: "@elenar",
|
||||
testimonial: "Dishwasher runs so quiet, I forget it's on.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
handle: "@davidc",
|
||||
testimonial: "Best appliance purchase I've made in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5087.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessl",
|
||||
testimonial: "Super efficient and fits perfectly in my modern kitchen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voice of Our Customers"
|
||||
description="Hear what families say about their EliteKitchen upgrades."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Your Perfect Setup"
|
||||
description="Select from our curated collections designed for every cooking style."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$1,999",
|
||||
subtitle: "Perfect for starters",
|
||||
features: [
|
||||
"Integrated Oven",
|
||||
"Smart Cooktop",
|
||||
"2-Year Warranty",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Seller",
|
||||
price: "$3,499",
|
||||
subtitle: "Complete kitchen overhaul",
|
||||
features: [
|
||||
"All Essentials",
|
||||
"Smart Dishwasher",
|
||||
"Professional Install",
|
||||
"Premium Support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="The Future of Smart Cooking"
|
||||
description="Experience precision, efficiency, and design excellence with EliteKitchen's latest smart appliance collection."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-kitchen-scene-with-premium-smart--1774948889646-2609c94e.png", imageAlt: "Smart oven" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/close-up-of-a-premium-washing-machine-in-1774948889804-af7a642f.png", imageAlt: "Smart washer" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-kitchen-scene-with-premium-smart--1774948889646-2609c94e.png", imageAlt: "Smart oven" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/close-up-of-a-premium-washing-machine-in-1774948889804-af7a642f.png", imageAlt: "Smart washer" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-kitchen-scene-with-premium-smart--1774948889646-2609c94e.png", imageAlt: "Smart oven" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Perfection"
|
||||
metrics={[
|
||||
{ label: "Appliances Sold", value: "50,000+", icon: Award },
|
||||
{ label: "Countries Served", value: "30+", icon: Globe },
|
||||
{ label: "Customer Satisfaction", value: "99%", icon: Star }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "The oven is absolutely game-changing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg" },
|
||||
{ id: "2", name: "Mark Evans", handle: "@marke", testimonial: "Stunning design and incredible performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-student-studying-laptop-cafe_1303-28924.jpg" },
|
||||
{ id: "3", name: "Elena Ross", handle: "@elenar", testimonial: "Dishwasher runs so quiet, I forget it's on.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg" },
|
||||
{ id: "4", name: "David Chen", handle: "@davidc", testimonial: "Best appliance purchase I've made in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5087.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jessl", testimonial: "Super efficient and fits perfectly in my modern kitchen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voice of Our Customers"
|
||||
description="Hear what families say about their EliteKitchen upgrades."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Your Perfect Setup"
|
||||
description="Select from our curated collections designed for every cooking style."
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "$1,999", subtitle: "Perfect for starters", features: ["Integrated Oven", "Smart Cooktop", "2-Year Warranty"] },
|
||||
{ id: "pro", badge: "Best Seller", price: "$3,499", subtitle: "Complete kitchen overhaul", features: ["All Essentials", "Smart Dishwasher", "Professional Install", "Premium Support"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,114 +7,70 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Convection Oven",
|
||||
price: "$1,299",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/high-end-stainless-steel-oven-isolated-o-1774948891920-a5aab102.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ultra-Quiet Dishwasher",
|
||||
price: "$899",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-stainless-steel-dishwasher-isolat-1774948889610-8d8f5a7e.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "AI-Powered Washer",
|
||||
price: "$1,099",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-high-efficiency-smart-washing-mac-1774948889770-d592263e.png",
|
||||
},
|
||||
]}
|
||||
title="Latest Innovations"
|
||||
description="Discover our range of precision-engineered appliances."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Premium Collections"
|
||||
description="Quality components for long-lasting performance."
|
||||
products={[
|
||||
{
|
||||
id: "px1",
|
||||
brand: "EliteKitchen",
|
||||
name: "Smart Oven V2",
|
||||
price: "$1,499",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/high-end-stainless-steel-oven-isolated-o-1774948891920-a5aab102.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "px2",
|
||||
brand: "EliteKitchen",
|
||||
name: "Smart Dishwasher V2",
|
||||
price: "$999",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-stainless-steel-dishwasher-isolat-1774948889610-8d8f5a7e.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="EliteKitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Smart Convection Oven", price: "$1,299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/high-end-stainless-steel-oven-isolated-o-1774948891920-a5aab102.png" },
|
||||
{ id: "p2", name: "Ultra-Quiet Dishwasher", price: "$899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-stainless-steel-dishwasher-isolat-1774948889610-8d8f5a7e.png" },
|
||||
{ id: "p3", name: "AI-Powered Washer", price: "$1,099", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-high-efficiency-smart-washing-mac-1774948889770-d592263e.png" }
|
||||
]}
|
||||
title="Latest Innovations"
|
||||
description="Discover our range of precision-engineered appliances."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Premium Collections"
|
||||
description="Quality components for long-lasting performance."
|
||||
products={[
|
||||
{ id: "px1", brand: "EliteKitchen", name: "Smart Oven V2", price: "$1,499", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/high-end-stainless-steel-oven-isolated-o-1774948891920-a5aab102.png" },
|
||||
{ id: "px2", brand: "EliteKitchen", name: "Smart Dishwasher V2", price: "$999", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-stainless-steel-dishwasher-isolat-1774948889610-8d8f5a7e.png" },
|
||||
{ id: "px3", brand: "EliteKitchen", name: "Smart Washer V2", price: "$1,199", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhkn1aiYxOP0znMo7QVA7Cg5w3/modern-high-efficiency-smart-washing-mac-1774948889770-d592263e.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EliteKitchen"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user