bender/81bd7e57-bab6-41ef-b54d-bf45bd67bea5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-03 21:25:51 +00:00
Conversation 0 Commits 1 Files Changed 1 +26 -162
1 changed files with 26 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/app/page.tsx
View File

@@ -29,52 +29,24 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "catalog",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Products", id: "catalog" },
{ name: "Contact", id: "contact" },
]}
brandName="ShopifyPro"
button={{ text: "Get Started", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Everything you need, delivered perfectly."
description="Discover our curated selection of high-quality products designed for your modern lifestyle. Quality meets convenience at every click."
tag="New Arrivals"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg",
imageAlt: "Modern shopping aesthetic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307225.jpg",
imageAlt: "Premium product packaging",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-stacked-book-against-white-backdrop_23-2147924495.jpg?_wi=1",
imageAlt: "Featured gadget display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646557.jpg?_wi=1",
imageAlt: "Modern home decor detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cover-books-with-green-twig-against-white-background_23-2147924492.jpg?_wi=1",
imageAlt: "Curated lifestyle selection",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg", imageAlt: "Modern shopping aesthetic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307225.jpg", imageAlt: "Premium product packaging" },
]}
mediaAnimation="slide-up"
rating={5}
@@ -87,48 +59,12 @@ export default function LandingPage() {
<ProductCatalog
layout="section"
products={[
{
id: "p1",
name: "Premium Gadget",
price: "$129",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-stacked-book-against-white-backdrop_23-2147924495.jpg?_wi=2",
},
{
id: "p2",
name: "Designer Decor",
price: "$89",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646557.jpg?_wi=2",
},
{
id: "p3",
name: "Smart Accessory",
price: "$45",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cover-books-with-green-twig-against-white-background_23-2147924492.jpg?_wi=2",
},
{
id: "p4",
name: "Lifestyle Kit",
price: "$159",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-grey-bottle-copy-space_23-2148295666.jpg",
},
{
id: "p5",
name: "Essential Tech",
price: "$65",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg",
},
{
id: "p6",
name: "Modern Tool",
price: "$99",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bottles-assortment_23-2149449773.jpg",
},
{ id: "p1", name: "Premium Gadget", price: "$129", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-stacked-book-against-white-backdrop_23-2147924495.jpg" },
{ id: "p2", name: "Designer Decor", price: "$89", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646557.jpg" },
{ id: "p3", name: "Smart Accessory", price: "$45", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-white-cover-books-with-green-twig-against-white-background_23-2147924492.jpg" },
{ id: "p4", name: "Lifestyle Kit", price: "$159", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-grey-bottle-copy-space_23-2148295666.jpg" },
{ id: "p5", name: "Essential Tech", price: "$65", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg" },
{ id: "p6", name: "Modern Tool", price: "$99", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bottles-assortment_23-2149449773.jpg" },
]}
/>
</div>
@@ -140,26 +76,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-79855.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660755.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430868.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/elegance-glamour-concept-isolated-image-fashionable-glamourous-neat-young-female-with-freckled-face-loose-blonde-hair-smiling-joyfully-posing-studio-wearing-white-silky-blouse_343059-4200.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-shopping-bags_23-2148225588.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-79855.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660755.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430868.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/elegance-glamour-concept-isolated-image-fashionable-glamourous-neat-young-female-with-freckled-face-loose-blonde-hair-smiling-joyfully-posing-studio-wearing-white-silky-blouse_343059-4200.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-shopping-bags_23-2148225588.jpg", alt: "Customer 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -174,84 +95,27 @@ export default function LandingPage() {
title="Simple, Transparent Pricing"
description="Choose the plan that fits your shopping habits and start saving today."
plans={[
{
id: "basic",
badge: "Starter",
price: "$0",
subtitle: "Perfect for casual shoppers.",
features: [
"Free shipping",
"Monthly newsletter",
"Basic support",
],
},
{
id: "pro",
badge: "Most Popular",
price: "$19",
subtitle: "For frequent buyers.",
features: [
"Unlimited free shipping",
"Priority support",
"Exclusive discounts",
"Early access",
],
},
]}
buttons={[
{
text: "View Plans",
href: "#",
},
{ id: "basic", badge: "Starter", price: "$0", subtitle: "Perfect for casual shoppers.", features: ["Free shipping", "Monthly newsletter", "Basic support"] },
{ id: "pro", badge: "Most Popular", price: "$19", subtitle: "For frequent buyers.", features: ["Unlimited free shipping", "Priority support", "Exclusive discounts", "Early access"] },
]}
buttons={[{ text: "View Plans", href: "#" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
text="Need help with an order? Contact our support team for quick assistance."
buttons={[
{
text: "Get Support",
href: "mailto:support@shopifypro.com",
},
]}
buttons={[{ text: "Get Support", href: "mailto:support@shopifypro.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Shipping",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] },
]}
logoText="ShopifyPro"
copyrightText="© 2025 ShopifyPro. All rights reserved."
@@ -260,4 +124,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}