Merge version_1 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,83 +32,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shopify Shop"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Curated Goods for Your Modern Life"
|
||||
description="Discover a selection of handpicked products designed to elevate your everyday routines. Minimalist design, maximal impact."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-yellow-t-shirt-shopping-bags_1098-2397.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-yellow-t-shirt-shopping-bags_1098-2397.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg", alt: "Happy customer portrait" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Shipping on Orders Over $100",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Sustainable Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Daily Collections",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Customer Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{ type: "text", text: "Free Shipping on Orders Over $100" },
|
||||
{ type: "text", text: "100% Sustainable Materials" },
|
||||
{ type: "text", text: "Curated Daily Collections" },
|
||||
{ type: "text", text: "24/7 Customer Support" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,19 +70,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Quality ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/female-shoppers-boutique_23-2147666156.jpg",
|
||||
alt: "Cozy shop small business interior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "for Every Home",
|
||||
},
|
||||
{ type: "text", content: "Crafting Quality " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-shoppers-boutique_23-2147666156.jpg", alt: "Cozy shop small business interior" },
|
||||
{ type: "text", content: "for Every Home" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,21 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from the best ethical providers.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "1-Year Warranty",
|
||||
description: "We stand by every product we sell.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Shipping",
|
||||
description: "Delivered to your doorstep within 48 hours.",
|
||||
},
|
||||
{ icon: Sparkles, title: "Premium Materials", description: "Sourced from the best ethical providers." },
|
||||
{ icon: Shield, title: "1-Year Warranty", description: "We stand by every product we sell." },
|
||||
{ icon: Zap, title: "Fast Shipping", description: "Delivered to your doorstep within 48 hours." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality assurance meets timeless aesthetics in every piece we offer."
|
||||
@@ -166,49 +97,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Minimalist Vase",
|
||||
price: "$45",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cover-books-with-green-twig-against-white-background_23-2147924492.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Everyday Tote",
|
||||
price: "$60",
|
||||
variant: "Canvas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-bag_23-2148015130.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Soy Candle",
|
||||
price: "$25",
|
||||
variant: "Fragrance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-candles_23-2147776758.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leather Wallet",
|
||||
price: "$85",
|
||||
variant: "Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-birds-wallet_53876-94947.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Artisan Soap Set",
|
||||
price: "$30",
|
||||
variant: "Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-glass-dropper-bottle-with-white-box-product-mockup_53876-143026.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Modern Wall Clock",
|
||||
price: "$120",
|
||||
variant: "Metal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hexagonal-clock-indoors-still-life_23-2150436139.jpg",
|
||||
},
|
||||
{ id: "1", name: "Minimalist Vase", price: "$45", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/black-white-cover-books-with-green-twig-against-white-background_23-2147924492.jpg" },
|
||||
{ id: "2", name: "Everyday Tote", price: "$60", variant: "Canvas", imageSrc: "http://img.b2bpic.net/free-photo/headphones-bag_23-2148015130.jpg" },
|
||||
{ id: "3", name: "Soy Candle", price: "$25", variant: "Fragrance", imageSrc: "http://img.b2bpic.net/free-photo/coffee-candles_23-2147776758.jpg" },
|
||||
{ id: "4", name: "Leather Wallet", price: "$85", variant: "Leather", imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-birds-wallet_53876-94947.jpg" },
|
||||
{ id: "5", name: "Artisan Soap Set", price: "$30", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/brown-glass-dropper-bottle-with-white-box-product-mockup_53876-143026.jpg" },
|
||||
{ id: "6", name: "Modern Wall Clock", price: "$120", variant: "Metal", imageSrc: "http://img.b2bpic.net/free-photo/hexagonal-clock-indoors-still-life_23-2150436139.jpg" },
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Explore our top-rated essentials for the modern home."
|
||||
@@ -219,15 +115,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Sony",
|
||||
"Samsung",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Tesla", "Sony", "Samsung"]}
|
||||
title="Trusted by Thousands"
|
||||
description="Join a community of thousands who love their home essentials."
|
||||
/>
|
||||
@@ -240,26 +128,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg",
|
||||
alt: "Friendly customer retail experience",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",
|
||||
alt: "Satisfied customer shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-casual-sweater-background-happy-enjoying-shopping-holding-colorful-bags_343596-4038.jpg",
|
||||
alt: "Customer portrait retail shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3645.jpg",
|
||||
alt: "Smiling woman shopping portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg", alt: "Friendly customer retail experience" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg", alt: "Satisfied customer shopping" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-wearing-casual-sweater-background-happy-enjoying-shopping-holding-colorful-bags_343596-4038.jpg", alt: "Customer portrait retail shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3645.jpg", alt: "Smiling woman shopping portrait" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -271,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Shipping times",
|
||||
content: "Standard shipping takes 3-5 days.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Returns",
|
||||
content: "You can return items within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Warranty",
|
||||
content: "All products have a 1-year warranty.",
|
||||
},
|
||||
{ id: "1", title: "Shipping times", content: "Standard shipping takes 3-5 days." },
|
||||
{ id: "2", title: "Returns", content: "You can return items within 30 days." },
|
||||
{ id: "3", title: "Warranty", content: "All products have a 1-year warranty." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about shopping with us."
|
||||
@@ -296,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Need help? Reach out to us anytime."
|
||||
/>
|
||||
</div>
|
||||
@@ -307,28 +166,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Shopify Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user