bender/2a85522c-dc91-440b-b201-a71a858396cb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 21:11:15 +00:00
parent 8d62fbe416
commit f5b7228030
1 changed files with 61 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
src/app/page.tsx
View File

@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Shopify Store"
/>
@@ -52,64 +46,41 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Store Excellence"
description="Elevate your shopping experience with our curated collections."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14944.jpg",
alt: "customer portrait",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14944.jpg", alt: "customer portrait"},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-black-friday-sale_23-2148665730.jpg",
alt: "customer portrait",
},
src: "http://img.b2bpic.net/free-photo/happy-woman-black-friday-sale_23-2148665730.jpg", alt: "customer portrait"},
{
src: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-collection_23-2149483706.jpg",
alt: "customer portrait",
},
src: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-collection_23-2149483706.jpg", alt: "customer portrait"},
{
src: "http://img.b2bpic.net/free-vector/flat-design-profile-icons-collection_23-2149102741.jpg",
alt: "customer portrait",
},
src: "http://img.b2bpic.net/free-vector/flat-design-profile-icons-collection_23-2149102741.jpg", alt: "customer portrait"},
{
src: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-set_23-2149489637.jpg",
alt: "customer portrait",
},
src: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-set_23-2149489637.jpg", alt: "customer portrait"},
]}
avatarText="Join 10,000+ happy shoppers"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
]}
marqueeItems={[
{
type: "text-icon",
text: "Fast Shipping",
icon: Truck,
type: "text-icon", text: "Fast Shipping", icon: Truck,
},
{
type: "text-icon",
text: "Secure Payments",
icon: ShieldCheck,
type: "text-icon", text: "Secure Payments", icon: ShieldCheck,
},
{
type: "text-icon",
text: "24/7 Support",
icon: Headphones,
type: "text-icon", text: "24/7 Support", icon: Headphones,
},
{
type: "text-icon",
text: "Easy Returns",
icon: RotateCcw,
type: "text-icon", text: "Easy Returns", icon: RotateCcw,
},
{
type: "text-icon",
text: "Quality Guaranteed",
icon: Star,
type: "text-icon", text: "Quality Guaranteed", icon: Star,
},
]}
/>
@@ -122,28 +93,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Fast Shipping",
description: "Delivery in 24-48 hours",
bentoComponent: "reveal-icon",
icon: Truck,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-halloween-eye-balls-with-copy-space_23-2148609829.jpg",
imageAlt: "e-commerce hero studio",
title: "Fast Shipping", description: "Delivery in 24-48 hours", bentoComponent: "reveal-icon", icon: Truck,
},
{
title: "Secure Payments",
description: "Your transactions are encrypted",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-with-yellow-van_23-2149853108.jpg",
imageAlt: "e-commerce hero studio",
title: "Secure Payments", description: "Your transactions are encrypted", bentoComponent: "reveal-icon", icon: ShieldCheck,
},
{
title: "24/7 Support",
description: "Always here to help you",
bentoComponent: "reveal-icon",
icon: Headphones,
imageSrc: "http://img.b2bpic.net/free-vector/premium-certified-quality-stamp_78370-1800.jpg",
imageAlt: "e-commerce hero studio",
title: "24/7 Support", description: "Always here to help you", bentoComponent: "reveal-icon", icon: Headphones,
},
]}
title="Why Choose Us"
@@ -156,43 +112,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
name: "Premium Product A",
price: "$29",
imageSrc: "http://img.b2bpic.net/free-photo/product-display-gray-podium-stand-pedestal-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1869.jpg",
},
id: "p1", name: "Premium Product A", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/product-display-gray-podium-stand-pedestal-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1869.jpg"},
{
id: "p2",
name: "Premium Product B",
price: "$39",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-camera-with-lush-greenery_23-2151978692.jpg",
},
id: "p2", name: "Premium Product B", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-camera-with-lush-greenery_23-2151978692.jpg"},
{
id: "p3",
name: "Premium Product C",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/book-with-herb-near-bun-plate-other-things-bedsheet_23-2147887778.jpg",
},
id: "p3", name: "Premium Product C", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/book-with-herb-near-bun-plate-other-things-bedsheet_23-2147887778.jpg"},
{
id: "p4",
name: "Premium Product D",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/white-abstract-background-with-window-lights-shadows-backdrop-3d-illustration-empty-display-scene-presentation-product-placement_56104-1873.jpg",
},
id: "p4", name: "Premium Product D", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/white-abstract-background-with-window-lights-shadows-backdrop-3d-illustration-empty-display-scene-presentation-product-placement_56104-1873.jpg"},
{
id: "p5",
name: "Premium Product E",
price: "$69",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-eating-near-book_23-2147888756.jpg",
},
id: "p5", name: "Premium Product E", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-eating-near-book_23-2147888756.jpg"},
{
id: "p6",
name: "Premium Product F",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-leaning-against-canvas-backdrop_171337-16470.jpg",
},
id: "p6", name: "Premium Product F", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-leaning-against-canvas-backdrop_171337-16470.jpg"},
]}
title="Featured Items"
description="Explore our best selling products."
@@ -206,48 +139,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$9",
name: "Basic",
features: [
"Standard Shipping",
"Limited Support",
],
id: "basic", price: "$9", name: "Basic", features: [
"Standard Shipping", "Limited Support"],
buttons: [
{
text: "Select",
href: "#",
},
text: "Select", href: "#"},
],
},
{
id: "pro",
price: "$29",
name: "Pro",
features: [
"Free Shipping",
"Priority Support",
],
id: "pro", price: "$29", name: "Pro", features: [
"Free Shipping", "Priority Support"],
buttons: [
{
text: "Select",
href: "#",
},
text: "Select", href: "#"},
],
},
{
id: "ent",
price: "$99",
name: "Enterprise",
features: [
"Global Shipping",
"24/7 Priority",
],
id: "ent", price: "$99", name: "Enterprise", features: [
"Global Shipping", "24/7 Priority"],
buttons: [
{
text: "Select",
href: "#",
},
text: "Select", href: "#"},
],
},
]}
@@ -263,34 +175,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10K+",
title: "Happy Shoppers",
items: [
"Reliable",
"Fast",
"Quality",
],
id: "m1", value: "10K+", title: "Happy Shoppers", items: [
"Reliable", "Fast", "Quality"],
},
{
id: "m2",
value: "99%",
title: "Satisfaction",
items: [
"Customer Focused",
"Trusted",
"Secure",
],
id: "m2", value: "99%", title: "Satisfaction", items: [
"Customer Focused", "Trusted", "Secure"],
},
{
id: "m3",
value: "500+",
title: "Products",
items: [
"Diverse",
"Careful",
"Modern",
],
id: "m3", value: "500+", title: "Products", items: [
"Diverse", "Careful", "Modern"],
},
]}
title="Our Growth"
@@ -306,45 +200,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Designer",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-white-cartoon-character-with-green-sprout-hand-gesture_1308-186853.jpg",
},
id: "1", name: "Sarah", role: "Designer", company: "Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-white-cartoon-character-with-green-sprout-hand-gesture_1308-186853.jpg"},
{
id: "2",
name: "John",
role: "Developer",
company: "Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-set_23-2149489635.jpg",
},
id: "2", name: "John", role: "Developer", company: "Tech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-set_23-2149489635.jpg"},
{
id: "3",
name: "Mike",
role: "Manager",
company: "Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
},
id: "3", name: "Mike", role: "Manager", company: "Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg"},
{
id: "4",
name: "Ana",
role: "Artist",
company: "Arts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148244032.jpg",
},
id: "4", name: "Ana", role: "Artist", company: "Arts", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148244032.jpg"},
{
id: "5",
name: "Leo",
role: "Writer",
company: "Blog",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-set_23-2149489637.jpg",
},
id: "5", name: "Leo", role: "Writer", company: "Blog", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-profile-icon-set_23-2149489637.jpg"},
]}
title="Happy Customers"
description="What people are saying about us."
@@ -357,20 +226,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What is the return policy?",
content: "You can return products within 30 days of purchase.",
},
id: "q1", title: "What is the return policy?", content: "You can return products within 30 days of purchase."},
{
id: "q2",
title: "Is shipping free?",
content: "We offer free shipping on orders over $50.",
},
id: "q2", title: "Is shipping free?", content: "We offer free shipping on orders over $50."},
{
id: "q3",
title: "How to track orders?",
content: "Check your email for the tracking link once shipped.",
},
id: "q3", title: "How to track orders?", content: "Check your email for the tracking link once shipped."},
]}
title="Common Questions"
description="Need help? Find answers here."
@@ -382,16 +242,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in touch"
title="Need assistance?"
description="Reach out to our support team for any questions."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@shopify.com",
},
text: "Contact Us", href: "mailto:hello@shopify.com"},
]}
/>
</div>
@@ -400,29 +257,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
{
label: "About",
href: "#",
},
label: "About", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}