Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "#offers",
|
||||
},
|
||||
name: "Deals", id: "#offers"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="EASYFLEX STORES"
|
||||
/>
|
||||
@@ -53,83 +45,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Smart Products. Flexible Living."
|
||||
title="Smart Products. <span style='color: #8B4513;'>Flexible Living</span>."
|
||||
description="Discover innovative everyday essentials designed to simplify your lifestyle."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_life",
|
||||
testimonial: "The BlendPro is a life-saver for my morning commutes!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUSwLFd74JG4BO3vRcp2rczTVE/uploaded-1778335437728-l66dqsde.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah_life", testimonial: "The BlendPro is a life-saver for my morning commutes!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUSwLFd74JG4BO3vRcp2rczTVE/uploaded-1778335437728-l66dqsde.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@tech_guy",
|
||||
testimonial: "Love the sleek aesthetic of the FlexGlow lamp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-celery-arrangement_23-2149080584.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Mark D.", handle: "@tech_guy", testimonial: "Love the sleek aesthetic of the FlexGlow lamp.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-celery-arrangement_23-2149080584.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Emma R.",
|
||||
handle: "@lifestyle_r",
|
||||
testimonial: "SmartTherm keeps my tea perfect for hours. Amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039008.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Emma R.", handle: "@lifestyle_r", testimonial: "SmartTherm keeps my tea perfect for hours. Amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039008.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david_d",
|
||||
testimonial: "The humidifier is quiet and very efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone_23-2147986503.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "David W.", handle: "@david_d", testimonial: "The humidifier is quiet and very efficient.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone_23-2147986503.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Lucy K.",
|
||||
handle: "@lucy_tech",
|
||||
testimonial: "EASYFLEX makes home office life much easier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-modern-esential-oils-aromatherapy-diffuser-working-kitchen-while-woman-works-laptop-background_482257-30783.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Lucy K.", handle: "@lucy_tech", testimonial: "EASYFLEX makes home office life much easier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-modern-esential-oils-aromatherapy-diffuser-working-kitchen-while-woman-works-laptop-background_482257-30783.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Explore Deals",
|
||||
href: "#offers",
|
||||
},
|
||||
text: "Explore Deals", href: "#offers"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUSwLFd74JG4BO3vRcp2rczTVE/uploaded-1778335437728-l66dqsde.jpg?_wi=2"
|
||||
imageAlt="EasyFlex Logo Branding"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-businessman-waiting-taxi-city_1262-7300.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-businessman-waiting-taxi-city_1262-7300.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,11 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Secure Checkout",
|
||||
"Worldwide Shipping",
|
||||
"24/7 Support",
|
||||
"Premium Quality",
|
||||
]}
|
||||
"Secure Checkout", "Worldwide Shipping", "24/7 Support", "Premium Quality"]}
|
||||
title="Trusted by Thousands"
|
||||
description="Join a global community enjoying premium, reliable products."
|
||||
/>
|
||||
@@ -157,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "EasyFlex",
|
||||
name: "Portable BlendPro Bottle",
|
||||
price: "$49.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-celery-arrangement_23-2149080584.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "EasyFlex", name: "Portable BlendPro Bottle", price: "$49.99", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/blender-celery-arrangement_23-2149080584.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "EasyFlex",
|
||||
name: "FlexGlow LED Desk Lamp",
|
||||
price: "$34.99",
|
||||
rating: 4,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039008.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "EasyFlex", name: "FlexGlow LED Desk Lamp", price: "$34.99", rating: 4,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039008.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "EasyFlex",
|
||||
name: "SmartTherm Mug",
|
||||
price: "$39.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone_23-2147986503.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "EasyFlex", name: "SmartTherm Mug", price: "$39.99", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone_23-2147986503.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "EasyFlex",
|
||||
name: "AirPulse Mini Humidifier",
|
||||
price: "$29.99",
|
||||
rating: 4,
|
||||
reviewCount: "540",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-modern-esential-oils-aromatherapy-diffuser-working-kitchen-while-woman-works-laptop-background_482257-30783.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", brand: "EasyFlex", name: "AirPulse Mini Humidifier", price: "$29.99", rating: 4,
|
||||
reviewCount: "540", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-modern-esential-oils-aromatherapy-diffuser-working-kitchen-while-woman-works-laptop-background_482257-30783.jpg?_wi=2"},
|
||||
]}
|
||||
title="Featured Essentials"
|
||||
description="Innovative tools built for your everyday lifestyle."
|
||||
@@ -206,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15%",
|
||||
description: "Off on all bundle buys (Buy 2+)",
|
||||
},
|
||||
id: "m1", value: "15%", description: "Off on all bundle buys (Buy 2+)"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Free",
|
||||
description: "Worldwide shipping on $100+",
|
||||
},
|
||||
id: "m2", value: "Free", description: "Worldwide shipping on $100+"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Flash sale ending soon",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Flash sale ending soon"},
|
||||
]}
|
||||
title="Limited Time Offers"
|
||||
description="Unlock savings on our best-selling smart products."
|
||||
@@ -233,13 +149,9 @@ export default function LandingPage() {
|
||||
description="Crafting premium, intuitive tools that seamlessly fit into your modern world."
|
||||
metrics={[
|
||||
{
|
||||
value: "50k+",
|
||||
title: "Products Shipped",
|
||||
},
|
||||
value: "50k+", title: "Products Shipped"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "99%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-girl-smiling-blending-healthy-detox-fresh-grapefruit-smoothie-adding-rosemary-white-wall_176420-10128.jpg"
|
||||
imageAlt="Showcase Lifestyle"
|
||||
@@ -256,45 +168,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
company: "CreativeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
},
|
||||
id: "r1", name: "Alice M.", role: "Designer", company: "CreativeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "John D.",
|
||||
role: "Engineer",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-drink_23-2147932258.jpg",
|
||||
},
|
||||
id: "r2", name: "John D.", role: "Engineer", company: "BuildLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-drink_23-2147932258.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Samantha L.",
|
||||
role: "CEO",
|
||||
company: "ModernCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
},
|
||||
id: "r3", name: "Samantha L.", role: "CEO", company: "ModernCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Robert K.",
|
||||
role: "Manager",
|
||||
company: "GrowthX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371895.jpg",
|
||||
},
|
||||
id: "r4", name: "Robert K.", role: "Manager", company: "GrowthX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371895.jpg"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Chloe B.",
|
||||
role: "Writer",
|
||||
company: "StoryLine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg",
|
||||
},
|
||||
id: "r5", name: "Chloe B.", role: "Writer", company: "StoryLine", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our customers are saying about EASYFLEX."
|
||||
@@ -308,16 +195,10 @@ export default function LandingPage() {
|
||||
description="Join the EASYFLEX community to receive early access to discounts and new arrivals."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
@@ -331,29 +212,19 @@ export default function LandingPage() {
|
||||
logoText="EASYFLEX"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Refund Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Refund Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user