Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-03 17:04:07 +00:00

View File

@@ -34,127 +34,78 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="ShopSphere"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
imagePosition="right"
title="Shop Smarter, Live Better"
description="Discover a curated selection of products designed to elevate your everyday life. Quality, style, and convenience, all in one place."
kpis={[
{
value: "10K+",
label: "Happy Customers",
},
value: "10K+", label: "Happy Customers"},
{
value: "500+",
label: "Brands",
},
value: "500+", label: "Brands"},
{
value: "Top Rated",
label: "Products",
},
value: "Top Rated", label: "Products"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Explore Collections",
href: "#products",
},
text: "Explore Collections", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-cyber-monday-composition_23-2149055960.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/front-view-cyber-monday-composition_23-2149055960.jpg"
imageAlt="Modern shopping bag with products"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13345.jpg",
alt: "Happy customer Sarah L.",
},
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13345.jpg", alt: "Happy customer Sarah L."},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-smiling-happy-sincere-positive-emotion-isolated-white-background-checkered-shirt-hipster-style-modern-youth_285396-2839.jpg",
alt: "Happy customer David K.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-smiling-happy-sincere-positive-emotion-isolated-white-background-checkered-shirt-hipster-style-modern-youth_285396-2839.jpg", alt: "Happy customer David K."},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg",
alt: "Happy customer Emily W.",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg", alt: "Happy customer Emily W."},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-smiley-woman_23-2148574778.jpg",
alt: "Happy customer Michael B.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-smiley-woman_23-2148574778.jpg", alt: "Happy customer Michael B."},
{
src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg",
alt: "Happy customer Olivia P.",
},
src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg", alt: "Happy customer Olivia P."},
]}
avatarText="Join 10K+ Happy Shoppers!"
marqueeItems={[
{
type: "text",
text: "Free Shipping on Orders Over $50",
type: "text", text: "Free Shipping on Orders Over $50"},
{
type: "text", text: "Daily Deals & Flash Sales"},
{
type: "text", text: "New Arrivals Every Week"},
{
type: "text-icon", text: "Secure Payments", icon: ShieldCheck,
},
{
type: "text",
text: "Daily Deals & Flash Sales",
},
{
type: "text",
text: "New Arrivals Every Week",
},
{
type: "text-icon",
text: "Secure Payments",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "24/7 Customer Support",
icon: Headphones,
type: "text-icon", text: "24/7 Customer Support", icon: Headphones,
},
]}
/>
@@ -168,53 +119,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "product-01",
name: "Luxury Leather Handbag",
price: "$299.99",
variant: "Black",
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916702.jpg?_wi=1",
imageAlt: "Luxury Leather Handbag",
},
id: "product-01", name: "Luxury Leather Handbag", price: "$299.99", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/view-women's-bag-with-mediterranean-tiles-aesthetics_23-2150916702.jpg", imageAlt: "Luxury Leather Handbag"},
{
id: "product-02",
name: "Smart Fitness Watch",
price: "$149.99",
variant: "Midnight Blue",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-silicone-band-displaying-apps_9975-133764.jpg?_wi=1",
imageAlt: "Smart Fitness Watch",
},
id: "product-02", name: "Smart Fitness Watch", price: "$149.99", variant: "Midnight Blue", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-silicone-band-displaying-apps_9975-133764.jpg", imageAlt: "Smart Fitness Watch"},
{
id: "product-03",
name: "Premium Wireless Earbuds",
price: "$99.99",
variant: "Space Gray",
imageSrc: "http://img.b2bpic.net/free-photo/bodies-crop-guitars_23-2147781761.jpg",
imageAlt: "Premium Wireless Earbuds",
},
id: "product-03", name: "Premium Wireless Earbuds", price: "$99.99", variant: "Space Gray", imageSrc: "http://img.b2bpic.net/free-photo/bodies-crop-guitars_23-2147781761.jpg", imageAlt: "Premium Wireless Earbuds"},
{
id: "product-04",
name: "Artisanal Coffee Blend",
price: "$24.50",
variant: "Dark Roast",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bean-packages-with-floral-designs_23-2151965884.jpg",
imageAlt: "Artisanal Coffee Blend",
},
id: "product-04", name: "Artisanal Coffee Blend", price: "$24.50", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bean-packages-with-floral-designs_23-2151965884.jpg", imageAlt: "Artisanal Coffee Blend"},
{
id: "product-05",
name: "Organic Hydrating Serum",
price: "$59.00",
variant: "30ml",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-skin-care-product_23-2148272558.jpg",
imageAlt: "Organic Hydrating Serum",
},
id: "product-05", name: "Organic Hydrating Serum", price: "$59.00", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-skin-care-product_23-2148272558.jpg", imageAlt: "Organic Hydrating Serum"},
{
id: "product-06",
name: "Casual Comfort Sneakers",
price: "$79.99",
variant: "White",
imageSrc: "http://img.b2bpic.net/free-photo/pair-athletic-running-shoes-line-art-color-vector_1308-186837.jpg",
imageAlt: "Casual Comfort Sneakers",
},
id: "product-06", name: "Casual Comfort Sneakers", price: "$79.99", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/pair-athletic-running-shoes-line-art-color-vector_1308-186837.jpg", imageAlt: "Casual Comfort Sneakers"},
]}
title="Our Best-Selling Products"
description="Handpicked for quality and style, these items are loved by our customers."
@@ -228,56 +143,32 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Secure Payments",
description: "Your transactions are always protected with our advanced encryption and secure gateways.",
icon: ShieldCheck,
title: "Secure Payments", description: "Your transactions are always protected with our advanced encryption and secure gateways.", icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/gift-bag-frame-with-earring-box-front-side-white-background_187299-38741.jpg",
imageAlt: "Secure Payment Graphic",
},
imageSrc: "http://img.b2bpic.net/free-photo/gift-bag-frame-with-earring-box-front-side-white-background_187299-38741.jpg", imageAlt: "Secure Payment Graphic"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-person-delivering-parcel-with-van_1048-17788.jpg",
imageAlt: "Fast Delivery Truck",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cyber-monday-composition_23-2149055960.jpg?_wi=2",
imageAlt: "secure payment gateway graphic",
imageSrc: "http://img.b2bpic.net/free-photo/young-person-delivering-parcel-with-van_1048-17788.jpg", imageAlt: "Fast Delivery Truck"},
]
},
{
title: "Fast & Reliable Delivery",
description: "Get your favorite products delivered right to your doorstep, quickly and efficiently.",
icon: Truck,
title: "Fast & Reliable Delivery", description: "Get your favorite products delivered right to your doorstep, quickly and efficiently.", icon: Truck,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kj8xw3",
imageAlt: "24/7 Customer Support Headset",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kj8xw3", imageAlt: "24/7 Customer Support Headset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-719.jpg",
imageAlt: "Easy Returns Box",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916702.jpg?_wi=2",
imageAlt: "secure payment gateway graphic",
imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-719.jpg", imageAlt: "Easy Returns Box"},
]
},
{
title: "Dedicated Customer Support",
description: "Our friendly team is here 24/7 to assist you with any questions or concerns.",
icon: Headphones,
title: "Dedicated Customer Support", description: "Our friendly team is here 24/7 to assist you with any questions or concerns.", icon: Headphones,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/employees-discussing-start-up-project-business-strategy-plan-analyzing-financial-report-statistics-laptop-unicorn-business-coworkers-brainstorming-woman-holding-computer-with-charts-screen_482257-49570.jpg",
imageAlt: "Personalized Recommendations",
},
imageSrc: "http://img.b2bpic.net/free-photo/employees-discussing-start-up-project-business-strategy-plan-analyzing-financial-report-statistics-laptop-unicorn-business-coworkers-brainstorming-woman-holding-computer-with-charts-screen_482257-49570.jpg", imageAlt: "Personalized Recommendations"},
{
imageSrc: "http://img.b2bpic.net/free-vector/onboarding-app-theme-online-purchase_23-2148415974.jpg",
imageAlt: "Exclusive Member Benefits Star",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-silicone-band-displaying-apps_9975-133764.jpg?_wi=2",
imageAlt: "secure payment gateway graphic",
},
imageSrc: "http://img.b2bpic.net/free-vector/onboarding-app-theme-online-purchase_23-2148415974.jpg", imageAlt: "Exclusive Member Benefits Star"},
]
}
]}
title="Why Shop With Us?"
description="We're dedicated to providing an unparalleled shopping experience from start to finish."
@@ -291,17 +182,11 @@ export default function LandingPage() {
description="At ShopSphere, we believe in bringing you products that truly make a difference. Founded on a passion for quality and customer satisfaction, we meticulously select every item to ensure it meets our high standards. Join our community of happy shoppers today!"
metrics={[
{
value: "5 Years",
title: "In Business",
},
value: "5 Years", title: "In Business"},
{
value: "100%",
title: "Satisfaction",
},
value: "100%", title: "Satisfaction"},
{
value: "Global",
title: "Shipping",
},
value: "Global", title: "Shipping"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-best-friends-with-shopping-bags_329181-8012.jpg"
imageAlt="Happy shoppers browsing products"
@@ -315,15 +200,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Hub",
"Tech Innovations",
"Home Essentials",
"Gourmet Bites",
"Eco Living",
"Active Gear",
"Beauty Pro",
"Gadget World",
]}
"Fashion Hub", "Tech Innovations", "Home Essentials", "Gourmet Bites", "Eco Living", "Active Gear", "Beauty Pro", "Gadget World"]}
title="Trusted by Leading Brands"
description="We partner with top-tier brands to bring you the best selection and quality."
/>
@@ -336,55 +213,23 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic-plan",
tag: "Starter",
price: "$9.99",
period: "/month",
description: "Perfect for occasional shoppers looking for great deals.",
button: {
text: "Get Started",
},
featuresTitle: "Includes:",
features: [
"Early access to sales",
"Exclusive weekly discounts",
"Standard shipping",
],
id: "basic-plan", tag: "Starter", price: "$9.99", period: "/month", description: "Perfect for occasional shoppers looking for great deals.", button: {
text: "Get Started"},
featuresTitle: "Includes:", features: [
"Early access to sales", "Exclusive weekly discounts", "Standard shipping"],
},
{
id: "pro-plan",
tag: "Pro Shopper",
tagIcon: Star,
price: "$19.99",
period: "/month",
description: "For dedicated shoppers who want the best value and perks.",
button: {
text: "Join Pro",
},
featuresTitle: "Everything in Starter, plus:",
features: [
"Free express shipping",
"Personalized recommendations",
"Priority customer support",
"Birthday rewards",
],
id: "pro-plan", tag: "Pro Shopper", tagIcon: Star,
price: "$19.99", period: "/month", description: "For dedicated shoppers who want the best value and perks.", button: {
text: "Join Pro"},
featuresTitle: "Everything in Starter, plus:", features: [
"Free express shipping", "Personalized recommendations", "Priority customer support", "Birthday rewards"],
},
{
id: "family-plan",
tag: "Family Pack",
price: "$29.99",
period: "/month",
description: "Share benefits with family and save more together.",
button: {
text: "Sign Up",
},
featuresTitle: "Everything in Pro, plus:",
features: [
"Up to 4 family members",
"Shared shopping lists",
"Extended return window",
"Exclusive family bundles",
],
id: "family-plan", tag: "Family Pack", price: "$29.99", period: "/month", description: "Share benefits with family and save more together.", button: {
text: "Sign Up"},
featuresTitle: "Everything in Pro, plus:", features: [
"Up to 4 family members", "Shared shopping lists", "Extended return window", "Exclusive family bundles"],
},
]}
title="Shop Smarter with Premium Plans"
@@ -397,43 +242,21 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "test-1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg",
imageAlt: "Sarah J. customer photo",
},
id: "test-1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg", imageAlt: "Sarah J. customer photo"},
{
id: "test-2",
name: "Mark T.",
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-roll-up-sleeves-looking-offended-getting-ready-fight-standing-white-background_1258-110941.jpg",
imageAlt: "Mark T. customer photo",
},
id: "test-2", name: "Mark T.", imageSrc: "http://img.b2bpic.net/free-photo/angry-man-roll-up-sleeves-looking-offended-getting-ready-fight-standing-white-background_1258-110941.jpg", imageAlt: "Mark T. customer photo"},
{
id: "test-3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg",
imageAlt: "Emily R. customer photo",
},
id: "test-3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg", imageAlt: "Emily R. customer photo"},
{
id: "test-4",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/inspired-smiling-man-red-t-shirt-enjoying-indoor-handsome-guy-with-short-wavy-hair-standing_197531-20230.jpg",
imageAlt: "David L. customer photo",
},
id: "test-4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/inspired-smiling-man-red-t-shirt-enjoying-indoor-handsome-guy-with-short-wavy-hair-standing_197531-20230.jpg", imageAlt: "David L. customer photo"},
{
id: "test-5",
name: "Jessica M.",
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bus-station-night-city_23-2149001263.jpg",
imageAlt: "Jessica M. customer photo",
},
id: "test-5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bus-station-night-city_23-2149001263.jpg", imageAlt: "Jessica M. customer photo"},
]}
cardTitle="Hear From Our Happy Customers"
cardTag="Rave Reviews"
buttons={[
{
text: "Read All Reviews",
href: "#testimonials",
},
text: "Read All Reviews", href: "#testimonials"},
]}
cardAnimation="slide-up"
/>
@@ -445,25 +268,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What payment methods do you accept?",
content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and Apple Pay for your convenience.",
},
id: "faq-1", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and Apple Pay for your convenience."},
{
id: "faq-2",
title: "How long does shipping take?",
content: "Standard shipping typically takes 3-5 business days. Expedited options are available for faster delivery.",
},
id: "faq-2", title: "How long does shipping take?", content: "Standard shipping typically takes 3-5 business days. Expedited options are available for faster delivery."},
{
id: "faq-3",
title: "Can I return an item?",
content: "Yes, we offer hassle-free returns within 30 days of purchase for most items. Please see our returns policy for full details.",
},
id: "faq-3", title: "Can I return an item?", content: "Yes, we offer hassle-free returns within 30 days of purchase for most items. Please see our returns policy for full details."},
{
id: "faq-4",
title: "Do you offer international shipping?",
content: "Yes, we ship to most countries worldwide. International shipping rates and times vary based on destination.",
},
id: "faq-4", title: "Do you offer international shipping?", content: "Yes, we ship to most countries worldwide. International shipping rates and times vary based on destination."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about shopping with us."
@@ -475,8 +286,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Have Questions? Contact Us!"
description="Our team is here to help you with any inquiries, support, or feedback you may have."
@@ -497,54 +307,33 @@ export default function LandingPage() {
logoText="ShopSphere"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Best Sellers",
href: "#products",
},
label: "Best Sellers", href: "#products"},
{
label: "Sales",
href: "#",
},
label: "Sales", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
],
},
]}