bender/c4f64d78-4437-4548-bc89-dbea83b9e6ee
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-02-23 10:29:36 +00:00
parent af1193218f
commit cc51619879
1 changed files with 53 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/page.tsx
View File

@@ -5,6 +5,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import AboutMetric from '@/components/sections/about/AboutMetric';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
@@ -27,7 +28,16 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{name: 'New Arrivals', id: 'products'}, {name: 'About Us', id: 'about'}, {name: 'Testimonials', id: 'testimonials'}, {name: 'FAQ', id: 'faq'}, {name: 'Contact', id: 'contact'}]}
navItems={[
{name: 'New Arrivals', id: 'products'},
{name: 'Pricing', id: 'pricing'},
{name: 'About Us', id: 'about'},
{name: 'Testimonials', id: 'testimonials'},
{name: 'FAQ', id: 'faq'},
{name: 'Contact', id: 'contact'},
{name: 'Shop', id: '/shop'},
{name: 'Blog', id: '/blog'}
]}
brandName='UrbanThreads NYC'
bottomLeftText='New York City'
bottomRightText='Shop@UrbanThreads.com'
@@ -78,6 +88,47 @@ export default function LandingPage() {
ariaLabel='About us section with key metrics'
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title='Unlock Your Style'
description='Choose the perfect plan that fits your urban fashion aspirations and budget.'
animationType='slide-up'
textboxLayout='default'
useInvertedBackground={false}
plans={[
{
id: 'starter',
title: 'Starter Kit',
price: '$29',
period: '/month',
imageSrc: 'https://img.b2bpic.net/free-photo/man-city-street-style_23-2148719812.jpg',
imageAlt: 'Man in casual urban outfit',
features: ['Basic access to new drops', 'Weekly style insights', 'Community forum access'],
button: {text: 'Get Started', href: '#contact'}
},
{
id: 'urban-explorer',
title: 'Urban Explorer',
price: '$59',
period: '/month',
imageSrc: 'https://img.b2bpic.net/free-photo/young-african-american-man-hat-street-style-fashion_1321-2940.jpg',
imageAlt: 'Man in trendy urban clothes',
features: ['All Starter Kit features', 'Early access to exclusive drops', 'Personalized style recommendations', 'Priority customer support'],
button: {text: 'Choose Plan', href: '#contact'}
},
{
id: 'streetwear-pro',
title: 'Streetwear Pro',
price: '$99',
period: '/month',
imageSrc: 'https://img.b2bpic.net/free-photo/guy-urban-clothing-street_23-2148270501.jpg',
imageAlt: 'Man posing in streetwear',
features: ['All Urban Explorer features', 'VIP access to limited editions', 'Dedicated style consultant', 'Free express shipping on all orders', 'Exclusive member events'],
button: {text: 'Go Pro', href: '#contact'}
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title='What Our Trendsetters Say'
@@ -127,4 +178,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}