Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopifyX"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="ShopifyX"
|
||||
description="Discover high-quality essentials curated for your everyday lifestyle. Our premium collection blends functionality with modern aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111018.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111018.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="minimalist premium product display"
|
||||
/>
|
||||
@@ -83,19 +70,13 @@ export default function LandingPage() {
|
||||
description="Founded with a passion for excellence, we prioritize sustainable sourcing and craftsmanship in every product we offer."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Products Shipped",
|
||||
},
|
||||
value: "10k+", title: "Products Shipped"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Partner Brands",
|
||||
},
|
||||
value: "500+", title: "Partner Brands"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "99%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172392.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172392.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="organized warehouse logistics"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -109,55 +90,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Delivered to your door within 3-5 business days.",
|
||||
icon: Zap,
|
||||
title: "Fast Shipping", description: "Delivered to your door within 3-5 business days.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-grey-credit-cards-white-platforms_187299-48079.jpg",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-grey-credit-cards-white-platforms_187299-48079.jpg", imageAlt: "luxury product isolated studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192205.jpg",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192205.jpg", imageAlt: "luxury product isolated studio"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111018.jpg?_wi=2",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Your transactions are encrypted and safe.",
|
||||
icon: Shield,
|
||||
title: "Secure Payments", description: "Your transactions are encrypted and safe.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg", imageAlt: "luxury product isolated studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-spoon-with-cocktail-shaker-plate-pomegranate-seeds-white-desk_23-2148283697.jpg",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-spoon-with-cocktail-shaker-plate-pomegranate-seeds-white-desk_23-2148283697.jpg", imageAlt: "luxury product isolated studio"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172392.jpg?_wi=2",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our team is here to help you anytime.",
|
||||
icon: CheckCircle,
|
||||
title: "24/7 Support", description: "Our team is here to help you anytime.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736788.jpg",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736788.jpg", imageAlt: "luxury product isolated studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-flat-lay_23-2148837343.jpg",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-flat-lay_23-2148837343.jpg", imageAlt: "luxury product isolated studio"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg?_wi=1",
|
||||
imageAlt: "luxury product isolated studio",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -173,59 +130,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Brand",
|
||||
name: "Essential Item 1",
|
||||
price: "$49",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jars-isolated-white_93675-132054.jpg",
|
||||
},
|
||||
id: "1", brand: "Brand", name: "Essential Item 1", price: "$49", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jars-isolated-white_93675-132054.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Brand",
|
||||
name: "Essential Item 2",
|
||||
price: "$59",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",
|
||||
},
|
||||
id: "2", brand: "Brand", name: "Essential Item 2", price: "$59", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Brand",
|
||||
name: "Essential Item 3",
|
||||
price: "$69",
|
||||
rating: 4,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192218.jpg",
|
||||
},
|
||||
id: "3", brand: "Brand", name: "Essential Item 3", price: "$69", rating: 4,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192218.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Brand",
|
||||
name: "Essential Item 4",
|
||||
price: "$39",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg",
|
||||
},
|
||||
id: "4", brand: "Brand", name: "Essential Item 4", price: "$39", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Brand",
|
||||
name: "Essential Item 5",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "310",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-monsoon-season-sale_23-2150472588.jpg",
|
||||
},
|
||||
id: "5", brand: "Brand", name: "Essential Item 5", price: "$89", rating: 5,
|
||||
reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/3d-monsoon-season-sale_23-2150472588.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Brand",
|
||||
name: "Essential Item 6",
|
||||
price: "$29",
|
||||
rating: 4,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-arrangement_23-2148229281.jpg",
|
||||
},
|
||||
id: "6", brand: "Brand", name: "Essential Item 6", price: "$29", rating: 4,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-arrangement_23-2148229281.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Browse our latest essentials."
|
||||
@@ -237,12 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Nike",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Nike"]}
|
||||
title="Trusted By"
|
||||
description="Industry leaders rely on our curation standards."
|
||||
/>
|
||||
@@ -256,45 +172,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "Designer",
|
||||
company: "StudioCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", role: "Designer", company: "StudioCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "CEO",
|
||||
company: "TechLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Smith", role: "CEO", company: "TechLabs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Davis",
|
||||
role: "Dev",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Davis", role: "Dev", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana White",
|
||||
role: "Creative",
|
||||
company: "ArtCore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
id: "4", name: "Dana White", role: "Creative", company: "ArtCore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan Wright",
|
||||
role: "Manager",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
id: "5", name: "Evan Wright", role: "Manager", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our community says about their shopping experience."
|
||||
@@ -307,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, we accept returns within 30 days.",
|
||||
},
|
||||
id: "f1", title: "Do you offer returns?", content: "Yes, we accept returns within 30 days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is shipping free?",
|
||||
content: "We offer free shipping on orders over $100.",
|
||||
},
|
||||
id: "f2", title: "Is shipping free?", content: "We offer free shipping on orders over $100."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you based?",
|
||||
content: "We are based in the United States.",
|
||||
},
|
||||
id: "f3", title: "Where are you based?", content: "We are based in the United States."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop_74855-2596.jpg"
|
||||
title="Need Help?"
|
||||
@@ -337,22 +219,14 @@ export default function LandingPage() {
|
||||
description="Have questions? Reach out to our support team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111384.jpg"
|
||||
@@ -363,29 +237,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user