Update src/app/page.tsx
This commit is contained in:
187
src/app/page.tsx
187
src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Benefits", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TrendStyle"
|
||||
/>
|
||||
@@ -53,71 +45,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Style That Speaks Volume"
|
||||
description="Discover curated collections of watches, shoes, and apparel at unbeatable prices. Your journey to premium style starts here."
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "10k+", label: "Happy Customers"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Styles Weekly",
|
||||
},
|
||||
value: "200+", label: "Styles Weekly"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating Score",
|
||||
},
|
||||
value: "4.9", label: "Rating Score"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clothes-bed-fast-fashion-concept-high-angle_23-2149726121.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clothes-bed-fast-fashion-concept-high-angle_23-2149726121.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487073.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487073.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-leisure-recreation-activity-icon_53876-21314.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-leisure-recreation-activity-icon_53876-21314.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-front-motorbike-using-smartphone_23-2147860935.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-front-motorbike-using-smartphone_23-2147860935.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied trendsetters"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Latest Trends",
|
||||
},
|
||||
type: "text", text: "Latest Trends"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Returns",
|
||||
},
|
||||
type: "text", text: "Easy Returns"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,41 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Minimal Watch",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-watch-his-hand_158595-3821.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Minimal Watch", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-watch-his-hand_158595-3821.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Leather Sneakers",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-female-red-dress-talks-mobile-telephone-outdoors_181624-52966.jpg",
|
||||
},
|
||||
id: "2", name: "Urban Leather Sneakers", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-female-red-dress-talks-mobile-telephone-outdoors_181624-52966.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Premium Cotton Shirt",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-walking-church_23-2150755567.jpg",
|
||||
},
|
||||
id: "3", name: "Premium Cotton Shirt", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-walking-church_23-2150755567.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pro Training Shoes",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylish-footwear_23-2148320247.jpg",
|
||||
},
|
||||
id: "4", name: "Pro Training Shoes", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylish-footwear_23-2148320247.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luxury Leather Wallet",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg",
|
||||
},
|
||||
id: "5", name: "Luxury Leather Wallet", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Summer Casual Tee",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-smiling-modern-stylish-man-casual-cloth-hat-sunglasses-standing-near-wall_158538-14088.jpg",
|
||||
},
|
||||
id: "6", name: "Summer Casual Tee", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-smiling-modern-stylish-man-casual-cloth-hat-sunglasses-standing-near-wall_158538-14088.jpg"},
|
||||
]}
|
||||
title="Shop Our Best Sellers"
|
||||
description="Handpicked accessories and apparel curated for the modern trendsetter."
|
||||
@@ -179,20 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Delivery",
|
||||
description: "Get your favorite styles delivered to your doorstep in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-boxes-watches-with-santa-hat-optimization-delivery-logistics-transport-company_493343-29831.jpg",
|
||||
},
|
||||
title: "Rapid Delivery", description: "Get your favorite styles delivered to your doorstep in record time.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-boxes-watches-with-santa-hat-optimization-delivery-logistics-transport-company_493343-29831.jpg"},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Shop with peace of mind using our encrypted payment gateways.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lock-with-credit-cards-password_23-2148578099.jpg",
|
||||
},
|
||||
title: "Secure Payments", description: "Shop with peace of mind using our encrypted payment gateways.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lock-with-credit-cards-password_23-2148578099.jpg"},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Every item undergoes rigorous quality checks before it leaves our facility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg",
|
||||
},
|
||||
title: "Quality Assured", description: "Every item undergoes rigorous quality checks before it leaves our facility.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg"},
|
||||
]}
|
||||
title="Why TrendStyle?"
|
||||
description="We blend quality, speed, and trust to deliver a superior shopping experience."
|
||||
@@ -206,40 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Lead",
|
||||
testimonial: "The quality of these products is simply unmatched for the price point.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Creative Lead", testimonial: "The quality of these products is simply unmatched for the price point.", imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chan",
|
||||
role: "Fashion Blogger",
|
||||
testimonial: "Finally, a store that stays on top of the latest trends perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-woman-red-wear-with-upped-hands_23-2148036513.jpg",
|
||||
},
|
||||
id: "2", name: "David Chan", role: "Fashion Blogger", testimonial: "Finally, a store that stays on top of the latest trends perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/aged-woman-red-wear-with-upped-hands_23-2148036513.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Russo",
|
||||
role: "Designer",
|
||||
testimonial: "Super fast shipping and everything I bought fit perfectly. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-carnival-mask_23-2148044172.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Russo", role: "Designer", testimonial: "Super fast shipping and everything I bought fit perfectly. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-carnival-mask_23-2148044172.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Marketing Pro",
|
||||
testimonial: "The buying experience was seamless and the wallet I bought looks incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-with-laptop-girl-laptop-technology-concept_169016-64954.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Wilson", role: "Marketing Pro", testimonial: "The buying experience was seamless and the wallet I bought looks incredible.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-with-laptop-girl-laptop-technology-concept_169016-64954.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenna Foster",
|
||||
role: "Architect",
|
||||
testimonial: "TrendStyle is my new go-to for quality apparel and daily essentials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rebel-model-posing-studio_23-2148376748.jpg",
|
||||
},
|
||||
id: "5", name: "Jenna Foster", role: "Architect", testimonial: "TrendStyle is my new go-to for quality apparel and daily essentials.", imageSrc: "http://img.b2bpic.net/free-photo/rebel-model-posing-studio_23-2148376748.jpg"},
|
||||
]}
|
||||
title="Loved by Shoppers"
|
||||
description="Hear what our style-forward community says about their experience."
|
||||
@@ -253,22 +160,14 @@ export default function LandingPage() {
|
||||
description="Questions about our products or your orders? We're here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we assist you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/copy-space-family-separation-paper_23-2148536052.jpg"
|
||||
@@ -282,23 +181,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user