Merge version_1 into main #3
@@ -2,13 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Check } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,360 +21,73 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Mattresses",
|
||||
id: "mattresses",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Sealy Almaty"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Mattresses", id: "/products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "/contact#faq-contact" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Sealy Almaty"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Posturepedic",
|
||||
name: "Sealy Posturepedic Essential",
|
||||
price: "$599",
|
||||
rating: 4.8,
|
||||
reviewCount: "87 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-3616.jpg?_wi=2",
|
||||
imageAlt: "sealy posturepedic mattress close up",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Hybrid",
|
||||
name: "Sealy Hybrid Premier",
|
||||
price: "$999",
|
||||
rating: 4.9,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-laying-bed_23-2148769327.jpg?_wi=2",
|
||||
imageAlt: "sealy hybrid mattress studio shot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Response",
|
||||
name: "Sealy Response Performance",
|
||||
price: "$749",
|
||||
rating: 4.7,
|
||||
reviewCount: "65 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-his-room_23-2149208173.jpg?_wi=2",
|
||||
imageAlt: "sealy response mattress comfortable",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
category: "Luxury",
|
||||
name: "Sealy Crown Jewel",
|
||||
price: "$1499",
|
||||
rating: 5,
|
||||
reviewCount: "45 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-korean-girl-stretching-hands-lying-bed-mornings-bedroom-with-luxurious-hotel-interio_1258-138822.jpg?_wi=2",
|
||||
imageAlt: "luxurious white mattress bedroom natural light",
|
||||
},
|
||||
]}
|
||||
searchPlaceholder="Search for your perfect mattress..."
|
||||
filters={[
|
||||
{
|
||||
label: "Type",
|
||||
options: [
|
||||
"All",
|
||||
"Posturepedic",
|
||||
"Hybrid",
|
||||
"Response",
|
||||
"Luxury",
|
||||
],
|
||||
selected: "All",
|
||||
},
|
||||
{
|
||||
label: "Firmness",
|
||||
options: [
|
||||
"All",
|
||||
"Plush",
|
||||
"Medium",
|
||||
"Firm",
|
||||
],
|
||||
selected: "All",
|
||||
},
|
||||
{
|
||||
label: "Size",
|
||||
options: [
|
||||
"All",
|
||||
"Twin",
|
||||
"Full",
|
||||
"Queen",
|
||||
"King",
|
||||
],
|
||||
selected: "All",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="mattresses" data-section="mattresses">
|
||||
<ProductCardFour
|
||||
title="Our Premium Mattress Collection"
|
||||
description="Explore a diverse range of Sealy mattresses, each designed with unique features and comfort levels to cater to different sleep preferences and needs."
|
||||
products={[
|
||||
{
|
||||
id: "sealy-posturepedic-plus", name: "Sealy Posturepedic Plus", price: "Starts from ₸450,000", variant: "Firm, Plush, or Hybrid", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-3616.jpg", imageAlt: "Sealy Posturepedic Plus mattress"
|
||||
},
|
||||
{
|
||||
id: "sealy-hybrid-performance", name: "Sealy Hybrid Performance", price: "Starts from ₸580,000", variant: "Medium-Firm, Cooling Gel", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-laying-bed_23-2148769327.jpg", imageAlt: "Sealy Hybrid Performance mattress"
|
||||
},
|
||||
{
|
||||
id: "sealy-response-essential", name: "Sealy Response Essential", price: "Starts from ₸320,000", variant: "Plush, Cushion Firm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-his-room_23-2149208173.jpg", imageAlt: "Sealy Response Essential mattress"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-technology" data-section="features-technology">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Posturepedic Technology",
|
||||
description: "Developed in collaboration with orthopaedic surgeons, Posturepedic Technology delivers targeted support and adaptive comfort precisely where your body needs it most, ensuring proper spinal alignment.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fracture-bone-banners_1284-13969.jpg?_wi=2",
|
||||
imageAlt: "orthopedic support spine icon",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "Targeted back and core support",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Pressure relief zones for joints",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Enhanced durability for longevity",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Advanced Cooling System",
|
||||
description: "Experience a consistently cooler, more comfortable sleep environment with our innovative cooling materials that actively dissipate heat and promote airflow throughout the night, preventing overheating.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mattress-layers-material-poster_1284-25415.jpg?_wi=2",
|
||||
imageAlt: "cooling gel mattress technology icon",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "Breathable, cool-to-the-touch fabrics",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Responsive gel memory foam layers",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Strategically designed airflow channels",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Durable Support Systems",
|
||||
description: "Our mattresses feature robust and resilient support systems designed to provide lasting comfort and prevent sagging, ensuring your mattress maintains its integrity for years to come.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752775.jpg?_wi=2",
|
||||
imageAlt: "durable mattress spring system icon",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "High-density foam encasement",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Individually wrapped coils",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Reinforced edge support",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Advanced Sleep Technology for Superior Comfort"
|
||||
description="Sealy mattresses are meticulously engineered with cutting-edge innovations to provide you with the ultimate sleep experience every single night."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ayana K.",
|
||||
role: "Hotel Manager",
|
||||
company: "Almaty Luxury Hotels",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-face-looking-camera_1262-2974.jpg?_wi=2",
|
||||
imageAlt: "happy kazakh woman portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bekzat S.",
|
||||
role: "Chiropractor",
|
||||
company: "Comfort Homes KZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg?_wi=2",
|
||||
imageAlt: "happy kazakh man portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dina & Timur",
|
||||
role: "Homeowners",
|
||||
company: "Satisfied Couple",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149344341.jpg?_wi=2",
|
||||
imageAlt: "young kazakh couple smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gulnara R.",
|
||||
role: "Retired Educator",
|
||||
company: "Almaty Resident",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-laptop_23-2150384888.jpg?_wi=2",
|
||||
imageAlt: "older kazakh woman portrait gentle smile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nurlan M.",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup Founder",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-friends-having-great-time-together_23-2149286495.jpg?_wi=2",
|
||||
imageAlt: "young kazakh man casual portrait",
|
||||
},
|
||||
]}
|
||||
title="Hear From Our Happy Sleepers in Almaty"
|
||||
description="Discover why countless customers in Almaty trust Sealy for their sleep needs and experience unparalleled comfort and support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="call-to-action-visit" data-section="call-to-action-visit">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Ready for Better Sleep?"
|
||||
title="Visit Our Showroom in Almaty Today"
|
||||
description="Experience the legendary Sealy difference firsthand. Our knowledgeable sleep experts are ready to guide you to your ideal mattress for unrivaled comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Locate Our Store",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Our Experts",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Posturepedic",
|
||||
href: "/products#posturepedic",
|
||||
},
|
||||
{
|
||||
label: "Hybrid",
|
||||
href: "/products#hybrid",
|
||||
},
|
||||
{
|
||||
label: "Response",
|
||||
href: "/products#response",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/accessories",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about#story",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "/sustainability",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Warranty Info",
|
||||
href: "/warranty",
|
||||
},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "/delivery",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sealy Almaty"
|
||||
copyrightText="© 2024 Sealy Almaty. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Mattresses", href: "/products" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "FAQ", href: "/contact#faq-contact" },
|
||||
{ label: "Contact Us", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Sealy Almaty"
|
||||
copyrightText="© 2024 Sealy Almaty. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user