Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
348
src/app/page.tsx
348
src/app/page.tsx
@@ -3,7 +3,6 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
@@ -25,268 +24,101 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "trending",
|
||||
},
|
||||
{
|
||||
name: "Electronics",
|
||||
id: "electronics",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Top Deals on Amazon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Trending", id: "trending" },
|
||||
{ name: "Electronics", id: "electronics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Top Deals on Amazon"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Top Deals on Amazon"
|
||||
description="आज के सबसे सस्ते और बेस्ट डील्स - अपने पसंदीदा ब्रांड्स पर भारी छूट!"
|
||||
buttons={[
|
||||
{
|
||||
text: "अभी देखें",
|
||||
href: "#trending",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comics-speech-bubble-assortment_23-2149006175.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/supplies-composition-with-blue-background-top-view_23-2149491452.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="10k+ हैप्पी कस्टमर्स"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "⚡ डेली फ्लैश डील्स",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "🎁 विशेष कूपन",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "🚚 फ़ास्ट डिलीवरी",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "💯 ऑरिजिनल प्रोडक्ट्स",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "🔄 आसान रिटर्न्स",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Top Deals on Amazon"
|
||||
description="आज के सबसे सस्ते और बेस्ट डील्स - अपने पसंदीदा ब्रांड्स पर भारी छूट!"
|
||||
buttons={[{ text: "अभी देखें", href: "#trending" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comics-speech-bubble-assortment_23-2149006175.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/supplies-composition-with-blue-background-top-view_23-2149491452.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="10k+ हैप्पी कस्टमर्स"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "⚡ डेली फ्लैश डील्स" },
|
||||
{ type: "text", text: "🎁 विशेष कूपन" },
|
||||
{ type: "text", text: "🚚 फ़ास्ट डिलीवरी" },
|
||||
{ type: "text", text: "💯 ऑरिजिनल प्रोडक्ट्स" },
|
||||
{ type: "text", text: "🔄 आसान रिटर्न्स" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trending" data-section="trending">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wireless Earbuds (Noise Cancelling)",
|
||||
price: "₹1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smart Fitness Watch",
|
||||
price: "₹2,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Premium Leather Handbag",
|
||||
price: "₹999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Electric Kitchen Mixer",
|
||||
price: "₹3,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supplies-composition-with-blue-background-top-view_23-2149491452.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Trending Cotton T-Shirt",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Portable Power Bank",
|
||||
price: "₹799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Trending Deals"
|
||||
description="आज की सबसे लोकप्रिय और ट्रेंडिंग डील्स"
|
||||
/>
|
||||
</div>
|
||||
<div id="trending" data-section="trending">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Wireless Earbuds (Noise Cancelling)", price: "₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg" },
|
||||
{ id: "2", name: "Smart Fitness Watch", price: "₹2,999", imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg" },
|
||||
{ id: "3", name: "Premium Leather Handbag", price: "₹999", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg" },
|
||||
{ id: "4", name: "Electric Kitchen Mixer", price: "₹3,499", imageSrc: "http://img.b2bpic.net/free-photo/supplies-composition-with-blue-background-top-view_23-2149491452.jpg" },
|
||||
{ id: "5", name: "Trending Cotton T-Shirt", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg" },
|
||||
{ id: "6", name: "Portable Power Bank", price: "₹799", imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg" },
|
||||
]}
|
||||
title="Trending Deals"
|
||||
description="आज की सबसे लोकप्रिय और ट्रेंडिंग डील्स"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="electronics" data-section="electronics">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Best Deal",
|
||||
title: "Smartphones",
|
||||
subtitle: "Latest Models",
|
||||
description: "सबसे कम कीमत पर लेटेस्ट स्मार्टफोन्स खरीदें।",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
tag: "Limited Offer",
|
||||
title: "Laptops",
|
||||
subtitle: "High Performance",
|
||||
description: "वर्क और स्टडी के लिए बेस्ट लैपटॉप्स पर भारी डिस्काउंट।",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
tag: "New Arrival",
|
||||
title: "Audio",
|
||||
subtitle: "Great Sound",
|
||||
description: "हेडफोन्स और स्पीकर्स पर बेहतरीन डील्स का लाभ उठाएं।",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
title="Electronics Deals"
|
||||
description="बेस्ट इलेक्ट्रॉनिक्स और गैजेट्स पर आकर्षक ऑफर्स"
|
||||
/>
|
||||
</div>
|
||||
<div id="electronics" data-section="electronics">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Best Deal", title: "Smartphones", subtitle: "Latest Models", description: "सबसे कम कीमत पर लेटेस्ट स्मार्टफोन्स खरीदें।", imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg" },
|
||||
{ tag: "Limited Offer", title: "Laptops", subtitle: "High Performance", description: "वर्क और स्टडी के लिए बेस्ट लैपटॉप्स पर भारी डिस्काउंट।", imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg" },
|
||||
{ tag: "New Arrival", title: "Audio", subtitle: "Great Sound", description: "हेडफोन्स और स्पीकर्स पर बेहतरीन डील्स का लाभ उठाएं।", imageSrc: "http://img.b2bpic.net/free-photo/different-ffp2-masks-shopping-cart_23-2149366766.jpg" },
|
||||
]}
|
||||
title="Electronics Deals"
|
||||
description="बेस्ट इलेक्ट्रॉनिक्स और गैजेट्स पर आकर्षक ऑफर्स"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
title="सामान्य प्रश्न"
|
||||
sideTitle="अक्सर पूछे जाने वाले सवाल"
|
||||
sideDescription="क्या आपके मन में कोई शंका है? यहाँ उत्तर प्राप्त करें।"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "क्या ये डील्स असली हैं?",
|
||||
content: "हाँ, हम सभी डील्स अमेज़न से सत्यापित करते हैं।",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "मैं अपना ऑर्डर कैसे ट्रैक करूं?",
|
||||
content: "आप अपने अमेज़न अकाउंट पर जाकर ऑर्डर स्टेटस देख सकते हैं।",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "क्या डिलीवरी मुफ़्त है?",
|
||||
content: "अमेज़न प्राइम मेंबर्स के लिए डिलीवरी अक्सर मुफ़्त होती है।",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "मैं रिटर्न कैसे करूँ?",
|
||||
content: "अमेज़न की आसान रिटर्न पॉलिसी के माध्यम से आप उत्पाद लौटा सकते हैं।",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="हमें संपर्क करें"
|
||||
description="कोई सवाल है? हमें लिखें, हम आपकी मदद करेंगे。"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "नाम" },
|
||||
{ name: "email", type: "email", placeholder: "ईमेल" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "आपका संदेश" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comics-speech-bubble-assortment_23-2149006175.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="हमें संपर्क करें"
|
||||
description="कोई सवाल है? हमें लिखें, हम आपकी मदद करेंगे।"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "नाम",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "ईमेल",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "आपका संदेश",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comics-speech-bubble-assortment_23-2149006175.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Top Deals on Amazon"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Trending",
|
||||
href: "#trending",
|
||||
},
|
||||
{
|
||||
label: "Electronics",
|
||||
href: "#electronics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Top Deals on Amazon. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Top Deals on Amazon"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Trending", href: "#trending" }, { label: "Electronics", href: "#electronics" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Top Deals on Amazon. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user