Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ShopifyPlus"
|
||||
/>
|
||||
@@ -54,14 +42,9 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="ShopifyPlus"
|
||||
description="Discover a world of quality products delivered right to your doorstep. Experience premium shopping at your fingertips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-monday-message-with-cart_23-2148292110.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-monday-message-with-cart_23-2148292110.jpg"
|
||||
imageAlt="Hero shopping collection"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,60 +56,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "AudioTech",
|
||||
name: "Wireless Headphones",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-music-production-set-midi-mixer-control-tablet-laptop-black-dj-headphones-with-leather-earpad_346278-205.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "SmartWear",
|
||||
name: "Pro Smartwatch",
|
||||
price: "$299",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214594.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "TravelPro",
|
||||
name: "Leather Backpack",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-purchases-street_23-2147669628.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "HomePure",
|
||||
name: "Ceramic Kettle",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-still-life-composition-with-white-bowls_23-2148869766.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "OpticLens",
|
||||
name: "Pro Camera Lens",
|
||||
price: "$599",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shopping-bags-with-keyboard-mouse-cyber-monday_23-2148657685.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "StyleCraft",
|
||||
name: "Classic Wallet",
|
||||
price: "$50",
|
||||
rating: 5,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg",
|
||||
},
|
||||
{ id: "1", brand: "AudioTech", name: "Wireless Headphones", price: "$199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-music-production-set-midi-mixer-control-tablet-laptop-black-dj-headphones-with-leather-earpad_346278-205.jpg" },
|
||||
{ id: "2", brand: "SmartWear", name: "Pro Smartwatch", price: "$299", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214594.jpg" },
|
||||
{ id: "3", brand: "TravelPro", name: "Leather Backpack", price: "$150", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-purchases-street_23-2147669628.jpg" },
|
||||
{ id: "4", brand: "HomePure", name: "Ceramic Kettle", price: "$89", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-still-life-composition-with-white-bowls_23-2148869766.jpg" },
|
||||
{ id: "5", brand: "OpticLens", name: "Pro Camera Lens", price: "$599", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-shopping-bags-with-keyboard-mouse-cyber-monday_23-2148657685.jpg" },
|
||||
{ id: "6", brand: "StyleCraft", name: "Classic Wallet", price: "$50", rating: 5, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg" },
|
||||
]}
|
||||
title="Popular Products"
|
||||
description="Explore our curated selection of top-rated items."
|
||||
@@ -139,57 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Express Delivery",
|
||||
description: "Get your order in 24-48 hours.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-confident-male-delivery-person-wearing-hat-sitting-scooter-holding-order-making-ok-gesture_179666-40992.jpg?_wi=1",
|
||||
imageAlt: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-confident-male-delivery-person-wearing-hat-sitting-scooter-holding-order-making-ok-gesture_179666-40992.jpg?_wi=2",
|
||||
imageAlt: "Fast Delivery",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-message-with-cart_23-2148292110.jpg?_wi=2",
|
||||
imageAlt: "online shopping cart concept",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Multiple encryption layers for safety.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secure-mobile-payment-with-phone-cards-pos_107791-17380.jpg?_wi=1",
|
||||
imageAlt: "Secure Payments",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secure-mobile-payment-with-phone-cards-pos_107791-17380.jpg?_wi=2",
|
||||
imageAlt: "Secure Payments",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-music-production-set-midi-mixer-control-tablet-laptop-black-dj-headphones-with-leather-earpad_346278-205.jpg?_wi=2",
|
||||
imageAlt: "wireless headphones studio product",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "We are here for you whenever needed.",
|
||||
icon: Headphones,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/24-hours-7-days-service-availability-concept-background_1017-54475.jpg?_wi=1",
|
||||
imageAlt: "24/7 Support",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/24-hours-7-days-service-availability-concept-background_1017-54475.jpg?_wi=2",
|
||||
imageAlt: "24/7 Support",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214594.jpg?_wi=2",
|
||||
imageAlt: "smartwatch studio product shot",
|
||||
},
|
||||
{ title: "Express Delivery", description: "Get your order in 24-48 hours.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-confident-male-delivery-person-wearing-hat-sitting-scooter-holding-order-making-ok-gesture_179666-40992.jpg", imageAlt: "Fast Delivery" }, { imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-confident-male-delivery-person-wearing-hat-sitting-scooter-holding-order-making-ok-gesture_179666-40992.jpg", imageAlt: "Fast Delivery" }] },
|
||||
{ title: "Secure Payments", description: "Multiple encryption layers for safety.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/secure-mobile-payment-with-phone-cards-pos_107791-17380.jpg", imageAlt: "Secure Payments" }, { imageSrc: "http://img.b2bpic.net/free-photo/secure-mobile-payment-with-phone-cards-pos_107791-17380.jpg", imageAlt: "Secure Payments" }] },
|
||||
{ title: "24/7 Support", description: "We are here for you whenever needed.", icon: Headphones, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/24-hours-7-days-service-availability-concept-background_1017-54475.jpg", imageAlt: "24/7 Support" }, { imageSrc: "http://img.b2bpic.net/free-vector/24-hours-7-days-service-availability-concept-background_1017-54475.jpg", imageAlt: "24/7 Support" }] },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize quality and customer satisfaction above all else."
|
||||
@@ -198,44 +85,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
testimonial: "Excellent service and fast delivery!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Architect",
|
||||
testimonial: "The products are truly premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-woman-engineer-having-dark-curly-hair-wearing-casual-shirt_273609-13976.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Consultant",
|
||||
testimonial: "I love the user interface design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-taking-selfie_23-2148142674.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin L.",
|
||||
role: "Engineer",
|
||||
testimonial: "Best shopping platform I've used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia M.",
|
||||
role: "Teacher",
|
||||
testimonial: "Quality items and amazing support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2546.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Designer", testimonial: "Excellent service and fast delivery!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Architect", testimonial: "The products are truly premium.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-woman-engineer-having-dark-curly-hair-wearing-casual-shirt_273609-13976.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Consultant", testimonial: "I love the user interface design.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-taking-selfie_23-2148142674.jpg" },
|
||||
{ id: "4", name: "Kevin L.", role: "Engineer", testimonial: "Best shopping platform I've used.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg" },
|
||||
{ id: "5", name: "Julia M.", role: "Teacher", testimonial: "Quality items and amazing support.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2546.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="What our happy customers are saying."
|
||||
@@ -245,18 +103,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Need Help? Contact Us"
|
||||
description="We are available 24/7 for any queries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -265,57 +116,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="ShopifyPlus"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Headphones",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Smartwatches",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bags",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Products", items: [{ label: "Headphones", href: "#" }, { label: "Smartwatches", href: "#" }, { label: "Bags", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Returns", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | ShopifyPlus | All Rights Reserved"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user