Merge version_1 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "offers",
|
||||
},
|
||||
name: "Offers", id: "offers"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="MARKET 7777"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unmatched Precision. Beauty Perfected."
|
||||
description="Experience professional styling at home. MARKET 7777 delivers high-performance beauty tools designed for elegance and results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-perfume-bottles-arrangement_23-2149234387.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-perfume-bottles-arrangement_23-2149234387.jpg"
|
||||
imageAlt="MARKET 7777 Luxury Beauty Tools"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg",
|
||||
alt: "Top view on gua sha face products",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg", alt: "Top view on gua sha face products"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg",
|
||||
alt: "Composition of natural argan oil dropper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg", alt: "Composition of natural argan oil dropper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-golden-plant_23-2149030352.jpg",
|
||||
alt: "Make up concept with golden plant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-golden-plant_23-2149030352.jpg", alt: "Make up concept with golden plant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401503.jpg",
|
||||
alt: "Top view on gua sha face products",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401503.jpg", alt: "Top view on gua sha face products"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-bottle-body-cream-marble-background_23-2148241907.jpg",
|
||||
alt: "Flat lay of bottle and body cream on marble background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-bottle-body-cream-marble-background_23-2148241907.jpg", alt: "Flat lay of bottle and body cream on marble background"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ beauty professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Salon Performance",
|
||||
},
|
||||
type: "text", text: "Salon Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ionic Technology",
|
||||
},
|
||||
type: "text", text: "Ionic Technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heat Protection",
|
||||
},
|
||||
type: "text", text: "Heat Protection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ergonomic Design",
|
||||
},
|
||||
type: "text", text: "Ergonomic Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Warranty",
|
||||
},
|
||||
type: "text", text: "Global Warranty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,67 +92,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Airflow",
|
||||
description: "Controlled thermal output prevents heat damage while ensuring style longevity.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147672777.jpg",
|
||||
imageAlt: "professional hair dryer isolated luxury",
|
||||
},
|
||||
title: "Precision Airflow", description: "Controlled thermal output prevents heat damage while ensuring style longevity.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147672777.jpg", imageAlt: "professional hair dryer isolated luxury"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Ionic Technology",
|
||||
},
|
||||
text: "Ionic Technology"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Faster Drying",
|
||||
},
|
||||
text: "Faster Drying"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-perfume-bottles-arrangement_23-2149234387.jpg?_wi=2",
|
||||
imageAlt: "professional hair dryer isolated luxury",
|
||||
},
|
||||
{
|
||||
title: "Sleek Stylers",
|
||||
description: "Ergonomic designs meet advanced ceramic technology for a smooth, frictionless finish.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210733.jpg",
|
||||
imageAlt: "ceramic hair styler modern design",
|
||||
},
|
||||
title: "Sleek Stylers", description: "Ergonomic designs meet advanced ceramic technology for a smooth, frictionless finish.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210733.jpg", imageAlt: "ceramic hair styler modern design"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Ceramic Plates",
|
||||
},
|
||||
text: "Ceramic Plates"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Consistent Heat",
|
||||
},
|
||||
text: "Consistent Heat"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-zero-waste-concept_23-2148591692.jpg",
|
||||
imageAlt: "professional hair dryer isolated luxury",
|
||||
},
|
||||
{
|
||||
title: "Professional Tools",
|
||||
description: "Curated selection of brushes and accessories for every hair type and style preference.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background-top-view_169016-30049.jpg?_wi=1",
|
||||
imageAlt: "luxury styling brush macro photo",
|
||||
},
|
||||
title: "Professional Tools", description: "Curated selection of brushes and accessories for every hair type and style preference.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background-top-view_169016-30049.jpg", imageAlt: "luxury styling brush macro photo"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Durable Design",
|
||||
},
|
||||
text: "Durable Design"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Professional Quality",
|
||||
},
|
||||
text: "Professional Quality"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217972.jpg?_wi=1",
|
||||
imageAlt: "professional hair dryer isolated luxury",
|
||||
},
|
||||
]}
|
||||
title="Designed for Radiance"
|
||||
@@ -199,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ionic Pro Dryer",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background-top-view_169016-30049.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Ionic Pro Dryer", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background-top-view_169016-30049.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Styler 3-in-1",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217972.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Gold Styler 3-in-1", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217972.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Precision Diffuser",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-flower-near-hairdressing-supplies_23-2147711593.jpg",
|
||||
},
|
||||
id: "p3", name: "Precision Diffuser", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/dry-flower-near-hairdressing-supplies_23-2147711593.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Compact Gold Styler",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-blow-drying-her-hair-home_23-2148817205.jpg",
|
||||
},
|
||||
id: "p4", name: "Compact Gold Styler", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-blow-drying-her-hair-home_23-2148817205.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Professional Brush Kit",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushstroke-texture-modern-design_23-2151910228.jpg",
|
||||
},
|
||||
id: "p5", name: "Professional Brush Kit", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/brushstroke-texture-modern-design_23-2151910228.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Hair Serum",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg",
|
||||
},
|
||||
id: "p6", name: "Luxury Hair Serum", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg"},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Discover our most coveted beauty tools, loved by thousands for their performance and elegant design."
|
||||
@@ -247,38 +168,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "bundle-starter",
|
||||
badge: "Essential",
|
||||
price: "$399",
|
||||
subtitle: "Dryer + Styler",
|
||||
features: [
|
||||
"Ionic Dryer",
|
||||
"Pro Styler",
|
||||
"2 Year Warranty",
|
||||
],
|
||||
id: "bundle-starter", badge: "Essential", price: "$399", subtitle: "Dryer + Styler", features: [
|
||||
"Ionic Dryer", "Pro Styler", "2 Year Warranty"],
|
||||
},
|
||||
{
|
||||
id: "bundle-full",
|
||||
badge: "Value",
|
||||
price: "$549",
|
||||
subtitle: "The Complete Set",
|
||||
features: [
|
||||
"Full Tool Suite",
|
||||
"5 Year Warranty",
|
||||
"Luxury Case",
|
||||
"Priority Shipping",
|
||||
],
|
||||
id: "bundle-full", badge: "Value", price: "$549", subtitle: "The Complete Set", features: [
|
||||
"Full Tool Suite", "5 Year Warranty", "Luxury Case", "Priority Shipping"],
|
||||
},
|
||||
{
|
||||
id: "bundle-gift",
|
||||
badge: "Limited",
|
||||
price: "$199",
|
||||
subtitle: "Gift Kit",
|
||||
features: [
|
||||
"Compact Styler",
|
||||
"Luxury Brush Kit",
|
||||
"Gift Wrapping",
|
||||
],
|
||||
id: "bundle-gift", badge: "Limited", price: "$199", subtitle: "Gift Kit", features: [
|
||||
"Compact Styler", "Luxury Brush Kit", "Gift Wrapping"],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Offers"
|
||||
@@ -291,30 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-wavy-hair-blurred-sparkles-effect_23-2148331834.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-wavy-hair-blurred-sparkles-effect_23-2148331834.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-lady-isolated-yellow-background-girl-with-long-brown-hair-smiling-camera_549566-655.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-lady-isolated-yellow-background-girl-with-long-brown-hair-smiling-camera_549566-655.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-with-face-paint_23-2147680481.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-with-face-paint_23-2147680481.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe L.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
cardTag="Reviews"
|
||||
@@ -327,20 +211,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all our tools come with a 2-year warranty covering technical defects.",
|
||||
},
|
||||
id: "f1", title: "Do you offer warranties?", content: "Yes, all our tools come with a 2-year warranty covering technical defects."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is shipping?",
|
||||
content: "Orders are typically processed within 24 hours and delivered within 3-5 business days.",
|
||||
},
|
||||
id: "f2", title: "How long is shipping?", content: "Orders are typically processed within 24 hours and delivered within 3-5 business days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the design truly ceramic?",
|
||||
content: "All our styler heating plates are crafted from high-grade professional ceramic for heat distribution.",
|
||||
},
|
||||
id: "f3", title: "Is the design truly ceramic?", content: "All our styler heating plates are crafted from high-grade professional ceramic for heat distribution."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our products, shipping, and warranty guarantees."
|
||||
@@ -352,8 +227,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Join the Elite"
|
||||
description="Sign up for early access to new collections and exclusive beauty tips from MARKET 7777."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg"
|
||||
@@ -367,54 +241,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Dryers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Dryers", href: "#products"},
|
||||
{
|
||||
label: "Stylers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Stylers", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Support", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Warranty", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user