Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -20,25 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="E-Store"
|
||||
button={{ text: "Buy Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -47,64 +46,19 @@ export default function LandingPage() {
|
||||
title="Quality Goods for Your Daily Life"
|
||||
description="Discover curated products designed with longevity and style in mind. Join our community of happy customers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "The quality is simply unmatched. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@sam",
|
||||
testimonial: "Shipping was fast and the product exceeded expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan",
|
||||
testimonial: "Customer service was brilliant. Will shop again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5353.jpg",
|
||||
},
|
||||
{
|
||||
name: "Taylor W.",
|
||||
handle: "@taylor",
|
||||
testimonial: "Modern design and functional. Perfect match.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
{
|
||||
name: "Casey L.",
|
||||
handle: "@casey",
|
||||
testimonial: "Absolutely love the craftsmanship here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-adult-woman-blouse-long-skirt-sitting-staircase-inside-coworking-space-smiling-camera_197531-23006.jpg",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alex", testimonial: "The quality is simply unmatched. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
|
||||
{ name: "Sam K.", handle: "@sam", testimonial: "Shipping was fast and the product exceeded expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg" },
|
||||
{ name: "Jordan P.", handle: "@jordan", testimonial: "Customer service was brilliant. Will shop again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5353.jpg" },
|
||||
{ name: "Taylor W.", handle: "@taylor", testimonial: "Modern design and functional. Perfect match.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
|
||||
{ name: "Casey L.", handle: "@casey", testimonial: "Absolutely love the craftsmanship here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-adult-woman-blouse-long-skirt-sitting-staircase-inside-coworking-space-smiling-camera_197531-23006.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919404.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "casual smile street style background spring",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Attractive blond business woman in a white shirt, eyeglasses and crossed arms over grey background.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
alt: "Close-up of successful entrepreneur",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
alt: "Portrait of a beauty businesswoman leaning against a brick wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
alt: "Successful man pointing to camera with finger",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "casual smile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "professional woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", alt: "entrepreneur" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "man" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ customers"
|
||||
/>
|
||||
@@ -116,30 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Free Shipping",
|
||||
description: "On all orders over $50 worldwide.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
imageAlt: "Smiling young businessman in suit looking at camera at meeting",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our team is here to help you anytime.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=2",
|
||||
imageAlt: "Smiling young businessman in suit looking at camera at meeting",
|
||||
},
|
||||
{
|
||||
title: "Secure Payment",
|
||||
description: "Encrypted checkout process guaranteed.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg?_wi=2",
|
||||
imageAlt: "Smiling young businessman in suit looking at camera at meeting",
|
||||
},
|
||||
{ title: "Free Shipping", description: "On all orders over $50 worldwide.", bentoComponent: "reveal-icon", icon: Truck },
|
||||
{ title: "24/7 Support", description: "Our team is here to help you anytime.", bentoComponent: "reveal-icon", icon: Headphones },
|
||||
{ title: "Secure Payment", description: "Encrypted checkout process guaranteed.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We prioritize quality and customer satisfaction above all else."
|
||||
@@ -153,42 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Product A",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-white-modern-vases-arrangement_23-2149835520.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Product B",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-pillows-vase-with-dried-flowers-other-elements-home-decor-pastel-colors-close-up_169016-6776.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Product C",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Product D",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-small-blue-cup_53876-14892.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Product E",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-flower-press-with-notebook_23-2150443500.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Product F",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cup-candles-knitted-element_169016-12959.jpg",
|
||||
},
|
||||
{ id: "1", name: "Product A", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-white-modern-vases-arrangement_23-2149835520.jpg" },
|
||||
{ id: "2", name: "Product B", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/decorative-pillows-vase-with-dried-flowers-other-elements-home-decor-pastel-colors-close-up_169016-6776.jpg" },
|
||||
{ id: "3", name: "Product C", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg" },
|
||||
{ id: "4", name: "Product D", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-small-blue-cup_53876-14892.jpg" },
|
||||
{ id: "5", name: "Product E", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flower-press-with-notebook_23-2150443500.jpg" },
|
||||
{ id: "6", name: "Product F", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cup-candles-knitted-element_169016-12959.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Browse our latest arrivals."
|
||||
@@ -199,15 +102,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Design Studio",
|
||||
"Global Solutions",
|
||||
"Creative Labs",
|
||||
"Future Now",
|
||||
"NextGen",
|
||||
"Innovate Inc",
|
||||
]}
|
||||
names={["TechCorp", "Design Studio", "Global Solutions", "Creative Labs", "Future Now", "NextGen", "Innovate Inc"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Our products are recognized for excellence globally."
|
||||
/>
|
||||
@@ -219,41 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice",
|
||||
handle: "@alice",
|
||||
testimonial: "Exquisite quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blonde-woman-with-full-shopping-bags_329181-1407.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob",
|
||||
handle: "@bob",
|
||||
testimonial: "Better than expected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie",
|
||||
handle: "@charles",
|
||||
testimonial: "Highly satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@dave",
|
||||
testimonial: "Excellent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve",
|
||||
handle: "@eve",
|
||||
testimonial: "Beautiful design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice", handle: "@alice", testimonial: "Exquisite quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blonde-woman-with-full-shopping-bags_329181-1407.jpg" },
|
||||
{ id: "t2", name: "Bob", handle: "@bob", testimonial: "Better than expected.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg" },
|
||||
{ id: "t3", name: "Charlie", handle: "@charles", testimonial: "Highly satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg" },
|
||||
{ id: "t4", name: "David", handle: "@dave", testimonial: "Excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ id: "t5", name: "Eve", handle: "@eve", testimonial: "Beautiful design.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg" },
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Authentic experiences from our community."
|
||||
@@ -264,21 +129,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Returns?",
|
||||
content: "Within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Shipping?",
|
||||
content: "Global delivery available.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Support?",
|
||||
content: "24/7 available.",
|
||||
},
|
||||
{ id: "f1", title: "Returns?", content: "Within 30 days." },
|
||||
{ id: "f2", title: "Shipping?", content: "Global delivery available." },
|
||||
{ id: "f3", title: "Support?", content: "24/7 available." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -295,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Keep in Touch"
|
||||
title="Subscribe for Updates"
|
||||
description="Stay in the loop with our latest drops."
|
||||
@@ -309,14 +160,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="E-Store"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user