Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -7,7 +7,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import { ShieldCheck, Sparkles, Users } from "lucide-react";
|
||||
import { Gem, ShieldCheck, Sparkles, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,30 +28,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
href: "/products",
|
||||
name: "Products", id: "products"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
text: "Shop Now", href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -66,22 +57,16 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Every product is meticulously vetted for quality and durability.",
|
||||
icon: ShieldCheck,
|
||||
title: "Quality Assured", description: "Every product is meticulously vetted for quality and durability.", icon: ShieldCheck
|
||||
},
|
||||
{
|
||||
title: "Unique Selection",
|
||||
description: "Discover items you won't find anywhere else, carefully chosen for their distinctiveness.",
|
||||
icon: Gem,
|
||||
title: "Unique Selection", description: "Discover items you won't find anywhere else, carefully chosen for their distinctiveness.", icon: Gem
|
||||
},
|
||||
{
|
||||
title: "Customer First",
|
||||
description: "Your satisfaction is our priority, backed by exceptional support.",
|
||||
icon: Users,
|
||||
},
|
||||
title: "Customer First", description: "Your satisfaction is our priority, backed by exceptional support.", icon: Users
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg"
|
||||
imageAlt="A beautifully arranged display of diverse products, symbolizing quality and variety."
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -94,20 +79,14 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100K+",
|
||||
description: "Happy Customers Worldwide",
|
||||
id: "1", value: "100K+", description: "Happy Customers Worldwide"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Unique Products Curated",
|
||||
id: "2", value: "500+", description: "Unique Products Curated"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
id: "3", value: "99%", description: "Customer Satisfaction Rate"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -115,31 +94,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="our-team" data-section="our-team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emily Watson",
|
||||
role: "CEO & Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-adorable-beautiful-female-with-curly-hair-pleasant-smile-wears-striped-t-shirt-has-white-even-teeth-being-good-mood-after-date-with-boyfriend-people-ethnicity-positiveness_273609-2388.jpg?_wi=3",
|
||||
imageAlt: "Emily Watson, CEO & Founder",
|
||||
id: "1", name: "Emily Watson", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/headshot-adorable-beautiful-female-with-curly-hair-pleasant-smile-wears-striped-t-shirt-has-white-even-teeth-being-good-mood-after-date-with-boyfriend-people-ethnicity-positiveness_273609-2388.jpg", imageAlt: "Emily Watson, CEO & Founder"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Brown",
|
||||
role: "Head of Product Curation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg?_wi=3",
|
||||
imageAlt: "Michael Brown, Head of Product Curation",
|
||||
id: "2", name: "Michael Brown", role: "Head of Product Curation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg", imageAlt: "Michael Brown, Head of Product Curation"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
role: "Customer Experience Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg?_wi=3",
|
||||
imageAlt: "Sarah Lee, Customer Experience Lead",
|
||||
},
|
||||
id: "3", name: "Sarah Lee", role: "Customer Experience Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", imageAlt: "Sarah Lee, Customer Experience Lead"
|
||||
}
|
||||
]}
|
||||
title="Meet the Visionaries Behind Shopify Store"
|
||||
description="Our dedicated team works tirelessly to bring you the best products and a seamless shopping experience. Passionate about e-commerce and customer satisfaction."
|
||||
@@ -152,68 +120,53 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
label: "All Products", href: "/products"
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products?filter=new",
|
||||
label: "New Arrivals", href: "/products?filter=new"
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/products?filter=bestsellers",
|
||||
label: "Best Sellers", href: "/products?filter=bestsellers"
|
||||
},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "/products?filter=sale",
|
||||
},
|
||||
],
|
||||
label: "Sale", href: "/products?filter=sale"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
label: "Careers", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Blog", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact#faq",
|
||||
label: "FAQ", href: "/contact#faq"
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
label: "Shipping & Returns", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Shopify Store. All rights reserved."
|
||||
/>
|
||||
|
||||
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,30 +31,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
href: "/products",
|
||||
name: "Products", id: "products"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
text: "Shop Now", href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -62,21 +53,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
logoText="Shopify Store"
|
||||
description="Your ultimate destination for unique products and seamless shopping experiences. Discover a world of curated items just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "/products",
|
||||
text: "Explore Products", href: "/products"
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/about"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="online shopping experience product display"
|
||||
/>
|
||||
@@ -87,13 +76,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="About Our Shopify Store"
|
||||
description="We are passionate about bringing you a carefully curated selection of high-quality products. Our mission is to provide an enjoyable and effortless shopping experience, backed by exceptional customer service. Explore our unique offerings and find something special today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Collections",
|
||||
href: "/products",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,19 +86,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited Selection",
|
||||
"Slow Shipping",
|
||||
"Poor Support",
|
||||
"Complex Returns",
|
||||
],
|
||||
"Limited Selection", "Slow Shipping", "Poor Support", "Complex Returns"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Curated Collections",
|
||||
"Fast, Reliable Delivery",
|
||||
"24/7 Customer Care",
|
||||
"Hassle-Free Returns",
|
||||
],
|
||||
"Curated Collections", "Fast, Reliable Delivery", "24/7 Customer Care", "Hassle-Free Returns"
|
||||
]
|
||||
}}
|
||||
title="Why Shop With Us?"
|
||||
description="We offer a distinct shopping experience tailored to your needs. Compare our benefits for unparalleled satisfaction."
|
||||
@@ -132,35 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
brand: "FashionFinds",
|
||||
name: "Stylish Urban Backpack",
|
||||
price: "$79.99",
|
||||
rating: 4.8,
|
||||
reviewCount: "120 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg?_wi=1",
|
||||
imageAlt: "minimalist product photography fashion item",
|
||||
id: "product-1", brand: "FashionFinds", name: "Stylish Urban Backpack", price: "$79.99", rating: 4.8,
|
||||
reviewCount: "120 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg", imageAlt: "minimalist product photography fashion item"
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
brand: "HomeEssentials",
|
||||
name: "Smart Coffee Maker",
|
||||
price: "$129.00",
|
||||
rating: 4.5,
|
||||
reviewCount: "85 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229770.jpg?_wi=1",
|
||||
imageAlt: "vibrant product photography lifestyle",
|
||||
id: "product-2", brand: "HomeEssentials", name: "Smart Coffee Maker", price: "$129.00", rating: 4.5,
|
||||
reviewCount: "85 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229770.jpg", imageAlt: "vibrant product photography lifestyle"
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
brand: "TechGadgets",
|
||||
name: "Wireless Noise-Cancelling Headphones",
|
||||
price: "$199.99",
|
||||
rating: 4.9,
|
||||
reviewCount: "210 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-cartridges-near-cameras_23-2147852546.jpg?_wi=1",
|
||||
imageAlt: "aesthetic product shot modern design",
|
||||
},
|
||||
id: "product-3", brand: "TechGadgets", name: "Wireless Noise-Cancelling Headphones", price: "$199.99", rating: 4.9,
|
||||
reviewCount: "210 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/film-cartridges-near-cameras_23-2147852546.jpg", imageAlt: "aesthetic product shot modern design"
|
||||
}
|
||||
]}
|
||||
title="Our Bestsellers"
|
||||
description="Discover popular items loved by our customers. High-quality products for every need, hand-picked for their excellence."
|
||||
@@ -176,37 +134,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Customer",
|
||||
testimonial: "Absolutely thrilled with my purchase! The quality is fantastic and shipping was incredibly fast. Highly recommend this store!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-adorable-beautiful-female-with-curly-hair-pleasant-smile-wears-striped-t-shirt-has-white-even-teeth-being-good-mood-after-date-with-boyfriend-people-ethnicity-positiveness_273609-2388.jpg?_wi=1",
|
||||
imageAlt: "happy young woman portrait smiling",
|
||||
id: "1", name: "Sarah Johnson", role: "Customer", testimonial: "Absolutely thrilled with my purchase! The quality is fantastic and shipping was incredibly fast. Highly recommend this store!", imageSrc: "http://img.b2bpic.net/free-photo/headshot-adorable-beautiful-female-with-curly-hair-pleasant-smile-wears-striped-t-shirt-has-white-even-teeth-being-good-mood-after-date-with-boyfriend-people-ethnicity-positiveness_273609-2388.jpg", imageAlt: "happy young woman portrait smiling"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Buyer",
|
||||
testimonial: "Seamless shopping experience from start to finish. The website is easy to navigate and the product selection is top-notch. Will definitely be a returning customer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg?_wi=1",
|
||||
imageAlt: "handsome man smiling portrait confident",
|
||||
id: "2", name: "Michael Chen", role: "Buyer", testimonial: "Seamless shopping experience from start to finish. The website is easy to navigate and the product selection is top-notch. Will definitely be a returning customer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg", imageAlt: "handsome man smiling portrait confident"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Shopper",
|
||||
testimonial: "I found exactly what I was looking for, and more! The customer service was also very helpful when I had a question about my order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg?_wi=1",
|
||||
imageAlt: "elegant woman portrait sophisticated",
|
||||
id: "3", name: "Emily Rodriguez", role: "Shopper", testimonial: "I found exactly what I was looking for, and more! The customer service was also very helpful when I had a question about my order.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", imageAlt: "elegant woman portrait sophisticated"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
testimonial: "Fantastic products and an even better user experience. Every item I've bought has exceeded my expectations. A truly reliable online store.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling_176420-12613.jpg?_wi=1",
|
||||
imageAlt: "friendly man smiling portrait approachable",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Client", testimonial: "Fantastic products and an even better user experience. Every item I've bought has exceeded my expectations. A truly reliable online store.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling_176420-12613.jpg", imageAlt: "friendly man smiling portrait approachable"
|
||||
}
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from happy shoppers about their experience with our store. Their satisfaction is our greatest reward."
|
||||
@@ -220,25 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I place an order?",
|
||||
content: "Simply browse our products, add your desired items to the cart, and proceed to checkout. Follow the prompts to enter your shipping and payment information.",
|
||||
id: "q1", title: "How do I place an order?", content: "Simply browse our products, add your desired items to the cart, and proceed to checkout. Follow the prompts to enter your shipping and payment information."
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and other secure payment options. All transactions are encrypted for your security.",
|
||||
id: "q2", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and other secure payment options. All transactions are encrypted for your security."
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does shipping take?",
|
||||
content: "Shipping times vary depending on your location and the selected shipping method. Typically, orders are processed within 1-2 business days, with delivery taking 3-7 business days.",
|
||||
id: "q3", title: "How long does shipping take?", content: "Shipping times vary depending on your location and the selected shipping method. Typically, orders are processed within 1-2 business days, with delivery taking 3-7 business days."
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I return a product?",
|
||||
content: "Yes, we offer hassle-free returns within 30 days of purchase, provided the item is unused and in its original packaging. Please see our full return policy for more details.",
|
||||
},
|
||||
id: "q4", title: "Can I return a product?", content: "Yes, we offer hassle-free returns within 30 days of purchase, provided the item is unused and in its original packaging. Please see our full return policy for more details."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to your most common questions about our products, orders, and services. We're here to help!"
|
||||
@@ -251,35 +181,15 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Contact Our Store"
|
||||
description="Have questions or need assistance? Reach out to our friendly support team. We're here to help with any inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-psd/investment-web-template-illustrated_23-2149042516.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-psd/investment-web-template-illustrated_23-2149042516.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageAlt="customer service representative illustration"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
@@ -289,56 +199,44 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/hand-painted-watercolor-abstract-watercolor-background_23-2149017006.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products#new",
|
||||
label: "New Arrivals", href: "/products#new"
|
||||
},
|
||||
{
|
||||
label: "Bestsellers",
|
||||
href: "/products#bestsellers",
|
||||
label: "Bestsellers", href: "/products#bestsellers"
|
||||
},
|
||||
{
|
||||
label: "Sale Items",
|
||||
href: "/products#sale",
|
||||
},
|
||||
],
|
||||
label: "Sale Items", href: "/products#sale"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
label: "Contact Us", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Careers", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq",
|
||||
label: "FAQ", href: "/#faq"
|
||||
},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
label: "Shipping Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Return Policy", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Shopify Store"
|
||||
copyrightText="© 2024 Shopify Store. All rights reserved."
|
||||
|
||||
@@ -28,80 +28,48 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
href: "/products",
|
||||
name: "Products", id: "products"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
text: "Shop Now", href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products-catalog" data-section="products-catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Aura Decor",
|
||||
name: "Aroma Oil Diffuser Lamp",
|
||||
price: "$49.99",
|
||||
rating: 4.8,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg?_wi=2",
|
||||
imageAlt: "Aroma Oil Diffuser Lamp",
|
||||
id: "1", brand: "Aura Decor", name: "Aroma Oil Diffuser Lamp", price: "$49.99", rating: 4.8,
|
||||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg", imageAlt: "Aroma Oil Diffuser Lamp"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "TrendSetters",
|
||||
name: "Minimalist Fashion Kit",
|
||||
price: "$75.00",
|
||||
rating: 4.5,
|
||||
reviewCount: "85 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229770.jpg?_wi=2",
|
||||
imageAlt: "Minimalist Fashion Item",
|
||||
id: "2", brand: "TrendSetters", name: "Minimalist Fashion Kit", price: "$75.00", rating: 4.5,
|
||||
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229770.jpg", imageAlt: "Minimalist Fashion Item"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Analog Vibes",
|
||||
name: "Vintage Camera Film Pack",
|
||||
price: "$29.99",
|
||||
rating: 4.7,
|
||||
reviewCount: "60 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-cartridges-near-cameras_23-2147852546.jpg?_wi=2",
|
||||
imageAlt: "Vintage Camera Film",
|
||||
id: "3", brand: "Analog Vibes", name: "Vintage Camera Film Pack", price: "$29.99", rating: 4.7,
|
||||
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/film-cartridges-near-cameras_23-2147852546.jpg", imageAlt: "Vintage Camera Film"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Home Comforts",
|
||||
name: "Cozy Living Room Set",
|
||||
price: "$120.00",
|
||||
rating: 4.9,
|
||||
reviewCount: "150 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg?_wi=2",
|
||||
imageAlt: "Cozy living room interior",
|
||||
},
|
||||
id: "4", brand: "Home Comforts", name: "Cozy Living Room Set", price: "$120.00", rating: 4.9,
|
||||
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg", imageAlt: "Cozy living room interior"
|
||||
}
|
||||
]}
|
||||
title="Discover Our Latest Arrivals"
|
||||
description="Explore curated collections and find unique products that fit your lifestyle. Quality and style, delivered to your door."
|
||||
@@ -109,42 +77,27 @@ export default function LandingPage() {
|
||||
tagIcon={ShoppingBag}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "View All Products", href: "/products"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-shipping" data-section="feature-shipping">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quick Checkout",
|
||||
description: "Streamlined process for a hassle-free purchase.",
|
||||
tag: "Efficiency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg?_wi=3",
|
||||
imageAlt: "A person using a laptop to shop online",
|
||||
id: "1", title: "Quick Checkout", description: "Streamlined process for a hassle-free purchase.", tag: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/discount-promotion-clearance-commercial-deal-concept_53876-120974.jpg", imageAlt: "A person using a laptop to shop online"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Worldwide Shipping",
|
||||
description: "Delivering your favorites across the globe, safely and swiftly.",
|
||||
tag: "Global Reach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg?_wi=3",
|
||||
imageAlt: "Packages being prepared for shipping",
|
||||
id: "2", title: "Worldwide Shipping", description: "Delivering your favorites across the globe, safely and swiftly.", tag: "Global Reach", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg", imageAlt: "Packages being prepared for shipping"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Order Tracking",
|
||||
description: "Stay updated with real-time tracking of your shipments.",
|
||||
tag: "Transparency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229770.jpg?_wi=3",
|
||||
imageAlt: "Smartphone showing a delivery tracking app",
|
||||
},
|
||||
id: "3", title: "Order Tracking", description: "Stay updated with real-time tracking of your shipments.", tag: "Transparency", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229770.jpg", imageAlt: "Smartphone showing a delivery tracking app"
|
||||
}
|
||||
]}
|
||||
title="Seamless Shopping, Fast Delivery"
|
||||
description="Experience unparalleled convenience with our optimized checkout process and lightning-fast shipping options. Your desired products are just a click away."
|
||||
@@ -155,45 +108,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="product-testimonials" data-section="product-testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice_j",
|
||||
testimonial: "Absolutely adore the products! The quality is exceptional, and shipping was incredibly fast. Highly recommend Shopify Store!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-adorable-beautiful-female-with-curly-hair-pleasant-smile-wears-striped-t-shirt-has-white-even-teeth-being-good-mood-after-date-with-boyfriend-people-ethnicity-positiveness_273609-2388.jpg?_wi=2",
|
||||
imageAlt: "Alice Johnson",
|
||||
id: "1", name: "Alice Johnson", handle: "@alice_j", testimonial: "Absolutely adore the products! The quality is exceptional, and shipping was incredibly fast. Highly recommend Shopify Store!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-adorable-beautiful-female-with-curly-hair-pleasant-smile-wears-striped-t-shirt-has-white-even-teeth-being-good-mood-after-date-with-boyfriend-people-ethnicity-positiveness_273609-2388.jpg", imageAlt: "Alice Johnson"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Davis",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Found unique items I couldn't get anywhere else. The selection is fantastic, and customer support was very helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg?_wi=2",
|
||||
imageAlt: "Mark Davis",
|
||||
id: "2", name: "Mark Davis", handle: "@mark_d", testimonial: "Found unique items I couldn't get anywhere else. The selection is fantastic, and customer support was very helpful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg", imageAlt: "Mark Davis"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Lee",
|
||||
handle: "@sophia_l",
|
||||
testimonial: "A wonderful shopping experience from start to finish. Everything arrived perfectly packaged and exactly as described.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg?_wi=2",
|
||||
imageAlt: "Sophia Lee",
|
||||
id: "3", name: "Sophia Lee", handle: "@sophia_l", testimonial: "A wonderful shopping experience from start to finish. Everything arrived perfectly packaged and exactly as described.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", imageAlt: "Sophia Lee"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
handle: "@david_c",
|
||||
testimonial: "Great prices and a wide variety of products. I'm always checking back for new additions to their collections.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling_176420-12613.jpg?_wi=2",
|
||||
imageAlt: "David Chen",
|
||||
},
|
||||
id: "4", name: "David Chen", handle: "@david_c", testimonial: "Great prices and a wide variety of products. I'm always checking back for new additions to their collections.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling_176420-12613.jpg", imageAlt: "David Chen"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -207,68 +141,53 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
label: "All Products", href: "/products"
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products?filter=new",
|
||||
label: "New Arrivals", href: "/products?filter=new"
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/products?filter=bestsellers",
|
||||
label: "Best Sellers", href: "/products?filter=bestsellers"
|
||||
},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "/products?filter=sale",
|
||||
},
|
||||
],
|
||||
label: "Sale", href: "/products?filter=sale"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
label: "Careers", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Blog", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact#faq",
|
||||
label: "FAQ", href: "/contact#faq"
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
label: "Shipping & Returns", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Shopify Store. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user