bender/51efe932-ebb4-4a95-9eb4-ab63d929763a
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-05-11 13:02:32 +00:00
parent e7678fcf2b
commit f07c4c6052
1 changed files with 35 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
src/app/page.tsx
View File

@@ -32,70 +32,31 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="VIC-MIIC INTERNATIONAL"
button={{
text: "Shop Now",
href: "#products",
}}
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Sleep Transformed with VIC-MIIC"
description="Engineered for excellence, our mattresses redefine comfort using aerospace-grade materials to ensure your best night's sleep."
tag="Global Sleep Solutions"
buttons={[
{
text: "Explore Collection",
href: "#products",
},
]}
buttons={[{ text: "Explore Collection", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7408.jpg",
imageAlt: "Master bedroom mattress",
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7408.jpg", imageAlt: "Master bedroom mattress"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198891.jpg",
imageAlt: "Mattress foam texture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-luxury-bedroom-with-modern-elegance-comfort-generated-by-ai_188544-17444.jpg",
imageAlt: "Cozy luxury bedroom with modern elegance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed-decoration-beautiful-luxury-bedroom-interior_74190-7970.jpg",
imageAlt: "White pillow on bed decoration",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-interior-design-with-soft-pillows_23-2148848689.jpg",
imageAlt: "Bedroom interior design with soft pillows",
},
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198891.jpg", imageAlt: "Mattress foam texture"
}
]}
mediaAnimation="slide-up"
rating={5}
@@ -118,46 +79,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Deep Sleep Support",
tags: [
"Health",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-bed-with-beauty-products_1157-31041.jpg",
},
{
id: "f2",
title: "Advanced Cooling Tech",
tags: [
"Comfort",
],
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8974.jpg",
},
{
id: "f3",
title: "Ergonomic Alignment",
tags: [
"Science",
],
imageSrc: "http://img.b2bpic.net/free-photo/lovely-senior-woman-waking-up-morning_23-2148440197.jpg",
},
{
id: "f4",
title: "Breathable Fabric",
tags: [
"Innovation",
],
imageSrc: "http://img.b2bpic.net/free-photo/polyamorous-couple-spending-time-together-bed_23-2149712527.jpg",
},
{
id: "f5",
title: "Pressure Relief",
tags: [
"Comfort",
],
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-woke-up-after-daily-nap-work-dark-sofa-her-apartment_231208-3284.jpg",
},
{ id: "f1", title: "Deep Sleep Support", tags: ["Health"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-bed-with-beauty-products_1157-31041.jpg" },
{ id: "f2", title: "Advanced Cooling Tech", tags: ["Comfort"], imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8974.jpg" },
{ id: "f3", title: "Ergonomic Alignment", tags: ["Science"], imageSrc: "http://img.b2bpic.net/free-photo/lovely-senior-woman-waking-up-morning_23-2148440197.jpg" },
{ id: "f4", title: "Breathable Fabric", tags: ["Innovation"], imageSrc: "http://img.b2bpic.net/free-photo/polyamorous-couple-spending-time-together-bed_23-2149712527.jpg" },
{ id: "f5", title: "Pressure Relief", tags: ["Comfort"], imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-woke-up-after-daily-nap-work-dark-sofa-her-apartment_231208-3284.jpg" }
]}
title="Why Choose VIC-MIIC"
description="Our technology goes beyond simple comfort to support spinal health and body recovery."
@@ -171,48 +97,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Cloud Pocket Spring",
price: "$999",
variant: "Hybrid",
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178885.jpg",
},
{
id: "p2",
name: "Ultra Memory Foam",
price: "$899",
variant: "Firm",
imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-white-pillows_1203-1321.jpg",
},
{
id: "p3",
name: "Gel Infused Elite",
price: "$1299",
variant: "Cooling",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-mattress-bedroom_839833-2670.jpg",
},
{
id: "p4",
name: "Plush Pillow Top",
price: "$1099",
variant: "Soft",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-view-tiny-hand-top-table-with-blurred-background_181624-17906.jpg",
},
{
id: "p5",
name: "Orthopedic Core",
price: "$799",
variant: "Supportive",
imageSrc: "http://img.b2bpic.net/free-photo/product-photographer-doing-his-job-studio_23-2148970266.jpg",
},
{
id: "p6",
name: "Cool-Touch Hybrid",
price: "$1199",
variant: "All-Season",
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-unmade-bed-displays-purity-white-linens_91128-4362.jpg",
},
{ id: "p1", name: "Cloud Pocket Spring", price: "$999", variant: "Hybrid", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178885.jpg" },
{ id: "p2", name: "Ultra Memory Foam", price: "$899", variant: "Firm", imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-white-pillows_1203-1321.jpg" },
{ id: "p3", name: "Gel Infused Elite", price: "$1299", variant: "Cooling", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-mattress-bedroom_839833-2670.jpg" },
{ id: "p4", name: "Plush Pillow Top", price: "$1099", variant: "Soft", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-view-tiny-hand-top-table-with-blurred-background_181624-17906.jpg" },
{ id: "p5", name: "Orthopedic Core", price: "$799", variant: "Supportive", imageSrc: "http://img.b2bpic.net/free-photo/product-photographer-doing-his-job-studio_23-2148970266.jpg" },
{ id: "p6", name: "Cool-Touch Hybrid", price: "$1199", variant: "All-Season", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-unmade-bed-displays-purity-white-linens_91128-4362.jpg" }
]}
title="Our Mattress Range"
description="Find the perfect level of support tailored to your unique sleep needs."
@@ -223,15 +113,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"VIC-MIIC",
"Global Sleep Org",
"Euro Comfort Lab",
"Asia Tech Furniture",
"Wellness Sleep Group",
"Import Masters",
"Quality Standards Ltd",
]}
names={["VIC-MIIC", "Global Sleep Org", "Euro Comfort Lab", "Asia Tech Furniture", "Wellness Sleep Group", "Import Masters", "Quality Standards Ltd"]}
title="Trusted Globally"
description="Partnering with industry leaders for sleep excellence."
/>
@@ -241,31 +123,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg",
},
{
id: "2",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg",
},
{
id: "3",
name: "Mark Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
},
{
id: "4",
name: "Anna Smith",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507001.jpg",
},
{
id: "5",
name: "Robert Brown",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14171.jpg",
},
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg" },
{ id: "2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg" },
{ id: "3", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
{ id: "4", name: "Anna Smith", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507001.jpg" },
{ id: "5", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14171.jpg" }
]}
cardTitle="Client Stories"
cardTag="Verified Reviews"
@@ -277,21 +139,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What is the warranty duration?",
content: "All mattresses come with a 10-year comprehensive warranty covering material defects.",
},
{
id: "q2",
title: "Do you ship internationally?",
content: "Yes, we ship globally with professional furniture handling partners.",
},
{
id: "q3",
title: "Can I return the mattress?",
content: "We offer a 100-night sleep trial so you can test comfort in your own home.",
},
{ id: "q1", title: "What is the warranty duration?", content: "All mattresses come with a 10-year comprehensive warranty covering material defects." },
{ id: "q2", title: "Do you ship internationally?", content: "Yes, we ship globally with professional furniture handling partners." },
{ id: "q3", title: "Can I return the mattress?", content: "We offer a 100-night sleep trial so you can test comfort in your own home." }
]}
sideTitle="Questions? We have answers."
faqsAnimation="slide-up"
@@ -301,56 +151,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Start Your Better Sleep Journey"
description="Speak with our consultants about your custom sleep requirements."
buttons={[
{
text: "Book Consultation",
href: "#",
},
]}
buttons={[{ text: "Book Consultation", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Products",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Shipping Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Shipping Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
]}
logoText="VIC-MIIC"
/>