Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -30,22 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Store",
|
||||
id: "#store",
|
||||
},
|
||||
{
|
||||
name: "Orders",
|
||||
id: "#orders",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Store", id: "store" },
|
||||
{ name: "Trending", id: "trending" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="YDS Vault"
|
||||
/>
|
||||
@@ -53,36 +45,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Exclusive Access Granted"
|
||||
description="Premium goods secured. Step inside the YDS Vault experience."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-staircase-vatican-museum-leading-visitors-look-christian-works-art_181624-4266.jpg",
|
||||
imageAlt: "Vault Entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg",
|
||||
imageAlt: "Product Display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flatlay-view-businessman-arranging-his-belongings_53876-139615.jpg",
|
||||
imageAlt: "Collection Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg",
|
||||
imageAlt: "Premium Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-warning-sign_53876-32167.jpg",
|
||||
imageAlt: "Access Granted",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-concrete-texture-background_1048-8573.jpg",
|
||||
imageAlt: "Vault Detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/round-staircase-vatican-museum-leading-visitors-look-christian-works-art_181624-4266.jpg", imageAlt: "Vault Entrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg", imageAlt: "Product Display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flatlay-view-businessman-arranging-his-belongings_53876-139615.jpg", imageAlt: "Collection Preview" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,48 +64,9 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vault Master Key",
|
||||
price: "₹1,999",
|
||||
variant: "Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-keys_93675-129160.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Carry Case",
|
||||
price: "₹2,499",
|
||||
variant: "Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-12279.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Edition Item",
|
||||
price: "₹4,999",
|
||||
variant: "Limited",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iuy8p6",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vault Seal Accessory",
|
||||
price: "₹899",
|
||||
variant: "Zinc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-dish-plate-dark-background-flat-lay_1258-84832.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Secure Lock Module",
|
||||
price: "₹3,200",
|
||||
variant: "Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545647.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Member Identification ID",
|
||||
price: "₹1,250",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-modern-golden-business-card-template_1017-30075.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Vault Master Key", price: "₹1,999", variant: "Steel", imageSrc: "http://img.b2bpic.net/free-photo/antique-keys_93675-129160.jpg" },
|
||||
{ id: "p2", name: "Premium Carry Case", price: "₹2,499", variant: "Leather", imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-12279.jpg" },
|
||||
{ id: "p3", name: "Signature Edition Item", price: "₹4,999", variant: "Limited", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iuy8p6" }
|
||||
]}
|
||||
title="Vault Collections"
|
||||
description="Curated premium items verified and ready for secure dispatch."
|
||||
@@ -145,52 +75,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="trending" data-section="trending">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Daily Carry",
|
||||
price: "₹1,500",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919847.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Collector Bundle",
|
||||
price: "₹7,500",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wrapped-presents-with-string-scissors_23-2148370135.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Vault Maintenance Kit",
|
||||
price: "₹999",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Signature Logo Tee",
|
||||
price: "₹1,200",
|
||||
variant: "Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/handwritten-logos-collection_23-2147523369.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Entry Token",
|
||||
price: "₹500",
|
||||
variant: "Bronze",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-golden-silver-coins-with-iota-symbol-isolated-white-background_127544-972.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Mystery Box",
|
||||
price: "₹2,000",
|
||||
variant: "Random",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631432.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Daily Carry", price: "₹1,500", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919847.jpg" },
|
||||
{ id: "t2", name: "Collector Bundle", price: "₹7,500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wrapped-presents-with-string-scissors_23-2148370135.jpg" },
|
||||
{ id: "t3", name: "Vault Maintenance Kit", price: "₹999", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg" }
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Top picks currently being claimed."
|
||||
@@ -203,27 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Manual Verification",
|
||||
description: "Every order is reviewed manually to prevent fraudulent activities.",
|
||||
tag: "Secure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pointing-digital-security-plan-background_53876-102579.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Verified UPI Payments",
|
||||
description: "Scan and pay with confidence knowing your data is encrypted.",
|
||||
tag: "Payment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-secure-payment-screen_1163-2760.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Priority Support",
|
||||
description: "Direct communication for all members of the vault community.",
|
||||
tag: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-customer-center-assisting-clients-needing-help-resetting-password_482257-117894.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Manual Verification", description: "Every order is reviewed manually to prevent fraudulent activities.", tag: "Secure", imageSrc: "http://img.b2bpic.net/free-photo/man-pointing-digital-security-plan-background_53876-102579.jpg" },
|
||||
{ id: "f2", title: "Verified UPI Payments", description: "Scan and pay with confidence knowing your data is encrypted.", tag: "Payment", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-secure-payment-screen_1163-2760.jpg" },
|
||||
{ id: "f3", title: "Priority Support", description: "Direct communication for all members of the vault community.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/man-customer-center-assisting-clients-needing-help-resetting-password_482257-117894.jpg" }
|
||||
]}
|
||||
title="Vault Security Protocols"
|
||||
description="How we maintain your premium shopping experience."
|
||||
@@ -237,21 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Successful Vault Orders",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Verified Delivery Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Payment Verification Support",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Successful Vault Orders" },
|
||||
{ id: "m2", value: "99.9%", description: "Verified Delivery Rate" },
|
||||
{ id: "m3", value: "24/7", description: "Payment Verification Support" }
|
||||
]}
|
||||
title="The Vault By The Numbers"
|
||||
description="Proven reliability for high-end consumers."
|
||||
@@ -263,56 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aryan R.",
|
||||
date: "Oct 2023",
|
||||
title: "Verified Member",
|
||||
quote: "The manual verification process gave me peace of mind for high-value items.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79732.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-darkness_181624-10486.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sanya K.",
|
||||
date: "Sept 2023",
|
||||
title: "First Time Buyer",
|
||||
quote: "Quick, secure, and the premium packaging was a total surprise.",
|
||||
tag: "Satisfied",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-rusty-locks-metal-handle_181624-3727.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rahul M.",
|
||||
date: "Aug 2023",
|
||||
title: "Collector",
|
||||
quote: "Nothing compares to the exclusive drop experience here.",
|
||||
tag: "Loyal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lamp-office-table-windows-with-blinds-background_181624-57979.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Priya D.",
|
||||
date: "July 2023",
|
||||
title: "Gift Shopper",
|
||||
quote: "The manual UPI verification is simple to understand and follow.",
|
||||
tag: "Happy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-luxurious-marble-texture_23-2149379685.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram S.",
|
||||
date: "June 2023",
|
||||
title: "Vault Member",
|
||||
quote: "Best support team for any e-commerce site I've ever used.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453360.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-pedestal-cylinder-luxury-premium-podium-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1845.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Aryan R.", date: "Oct 2023", title: "Verified Member", quote: "The manual verification process gave me peace of mind for high-value items.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79732.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lights-darkness_181624-10486.jpg" },
|
||||
{ id: "t2", name: "Sanya K.", date: "Sept 2023", title: "First Time Buyer", quote: "Quick, secure, and the premium packaging was a total surprise.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-rusty-locks-metal-handle_181624-3727.jpg" },
|
||||
{ id: "t3", name: "Rahul M.", date: "Aug 2023", title: "Collector", quote: "Nothing compares to the exclusive drop experience here.", tag: "Loyal", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lamp-office-table-windows-with-blinds-background_181624-57979.jpg" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our vault members say about us."
|
||||
@@ -324,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does manual payment verification work?",
|
||||
content: "Once you pay via UPI/COD, our team verifies the transaction ID and updates the order status.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my money safe?",
|
||||
content: "Yes, manual verification ensures 100% successful order routing.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I track my order after payment?",
|
||||
content: "Use the order dashboard to see real-time updates from pending to delivered.",
|
||||
},
|
||||
{ id: "q1", title: "How does manual payment verification work?", content: "Once you pay via UPI/COD, our team verifies the transaction ID and updates the order status." },
|
||||
{ id: "q2", title: "Is my money safe?", content: "Yes, manual verification ensures 100% successful order routing." },
|
||||
{ id: "q3", title: "Can I track my order after payment?", content: "Use the order dashboard to see real-time updates from pending to delivered." }
|
||||
]}
|
||||
title="Vault Frequently Asked Questions"
|
||||
description="Answers to the most common questions regarding order verification."
|
||||
@@ -352,27 +155,11 @@ export default function LandingPage() {
|
||||
title="Connect with Vault Support"
|
||||
description="Any issues? Reach out for a priority resolution."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "subject", type: "text", placeholder: "Subject" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-53733.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -380,14 +167,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="YDS Vault"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user