Merge version_1 into main #2
293
src/app/page.tsx
293
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Box, CheckCircle, Palette, PenTool, Smartphone, Star, Truck } from "lucide-react";
|
||||
import { Award, Box, Calculator, CheckCircle, Palette, PenTool, Smartphone, Star, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Simo Deco"
|
||||
/>
|
||||
@@ -53,46 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Simo Deco Luxury Furniture"
|
||||
description="Exquisite furniture catalog for the high-end CHR sector. B2B solutions tailored for premium hospitality and corporate environments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
{ text: "Explore Catalog", href: "#catalog" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg",
|
||||
imageAlt: "Luxury furniture showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-dining-room-chair-studio-with-gray-walls_181624-46290.jpg",
|
||||
imageAlt: "Minimalist chair collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg",
|
||||
imageAlt: "Upscale dining setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXugAlcIbwZYyLv1LyUcSuzbXn/uploaded-1776545871808-tssyp8w1.png?_wi=1",
|
||||
imageAlt: "Brand furniture design",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXugAlcIbwZYyLv1LyUcSuzbXn/uploaded-1776545871808-l1yfz31n.png?_wi=1",
|
||||
imageAlt: "Corporate furniture design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-6123.jpg?_wi=1",
|
||||
imageAlt: "Premium chair details",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg", imageAlt: "Luxury furniture showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-dining-room-chair-studio-with-gray-walls_181624-46290.jpg", imageAlt: "Minimalist chair collection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg", imageAlt: "Upscale dining setting" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -105,27 +64,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully furnished upscale projects.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25k",
|
||||
title: "Items Delivered",
|
||||
description: "Quality furniture across the region.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Proven reliability and expertise.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Projects Completed", description: "Successfully furnished upscale projects.", icon: Award },
|
||||
{ id: "m2", value: "25k", title: "Items Delivered", description: "Quality furniture across the region.", icon: CheckCircle },
|
||||
{ id: "m3", value: "98%", title: "Client Satisfaction", description: "Proven reliability and expertise.", icon: Star },
|
||||
]}
|
||||
title="Excellence in Figures"
|
||||
description="Tracking growth and delivery across the CHR sector."
|
||||
@@ -139,48 +80,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bistro Chair",
|
||||
price: "Quote Required",
|
||||
variant: "Gold & Navy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfy-red-wing-chair-room-with-gray-walls_181624-30401.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lounge Table",
|
||||
price: "Quote Required",
|
||||
variant: "Premium Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-bench_23-2151003164.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Office Executive",
|
||||
price: "Quote Required",
|
||||
variant: "Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfy-wing-chair-carpenter-s-workshop_181624-45038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "CHR Dining",
|
||||
price: "Quote Required",
|
||||
variant: "Metal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lobby Sofa",
|
||||
price: "Quote Required",
|
||||
variant: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-blue-chair-with-high-legs-room-with-gray-walls_181624-25936.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Conference Desk",
|
||||
price: "Quote Required",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-white-lace-table-cloth-blue-napkins_140725-2571.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Bistro Chair", price: "Quote Required", variant: "Gold & Navy", imageSrc: "http://img.b2bpic.net/free-photo/comfy-red-wing-chair-room-with-gray-walls_181624-30401.jpg" },
|
||||
{ id: "p2", name: "Lounge Table", price: "Quote Required", variant: "Premium Wood", imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-bench_23-2151003164.jpg" },
|
||||
{ id: "p3", name: "Office Executive", price: "Quote Required", variant: "Leather", imageSrc: "http://img.b2bpic.net/free-photo/comfy-wing-chair-carpenter-s-workshop_181624-45038.jpg" },
|
||||
]}
|
||||
title="Our Catalog"
|
||||
description="Professional-grade furniture selection for your business."
|
||||
@@ -194,65 +96,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AR & 3D Integration",
|
||||
description: "Visualize your future spaces with our advanced augmented reality tools.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-8016.jpg",
|
||||
imageAlt: "AR Visualization",
|
||||
},
|
||||
title: "AR & 3D Integration", description: "Visualize your future spaces with our advanced augmented reality tools.", media: { imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-8016.jpg", imageAlt: "AR Visualization" },
|
||||
items: [
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "AR enabled mobile view",
|
||||
},
|
||||
{
|
||||
icon: Box,
|
||||
text: "3D asset management",
|
||||
},
|
||||
{ icon: Smartphone, text: "AR enabled mobile view" },
|
||||
{ icon: Box, text: "3D asset management" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXugAlcIbwZYyLv1LyUcSuzbXn/uploaded-1776545871808-tssyp8w1.png?_wi=2",
|
||||
imageAlt: "luxury designer chair modern",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Bulk Procurement",
|
||||
description: "Streamlined quote management for high-volume orders.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg",
|
||||
imageAlt: "Procurement",
|
||||
},
|
||||
title: "Bulk Procurement", description: "Streamlined quote management for high-volume orders.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg", imageAlt: "Procurement" },
|
||||
items: [
|
||||
{
|
||||
icon: Calculator,
|
||||
text: "Dynamic quoting",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Global delivery logistics",
|
||||
},
|
||||
{ icon: Calculator, text: "Dynamic quoting" },
|
||||
{ icon: Truck, text: "Global delivery logistics" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXugAlcIbwZYyLv1LyUcSuzbXn/uploaded-1776545871808-l1yfz31n.png?_wi=2",
|
||||
imageAlt: "luxury designer chair modern",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Customization",
|
||||
description: "Tailor materials and finishes to your unique design identity.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",
|
||||
imageAlt: "Bespoke Design",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Color swatches",
|
||||
},
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Design consultation",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-6123.jpg?_wi=2",
|
||||
imageAlt: "luxury designer chair modern",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Premium B2B Features"
|
||||
description="Tools designed for professional procurement and design visualization."
|
||||
@@ -265,41 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Mansour",
|
||||
handle: "CEO, Hospitality Group",
|
||||
testimonial: "Exceptional craftsmanship and professional support throughout the project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Khalil",
|
||||
handle: "Lead Designer, DecoLab",
|
||||
testimonial: "The AR integration tool is a game changer for our presentations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar Fakhry",
|
||||
handle: "Owner, Modern Bistro",
|
||||
testimonial: "Very high-quality furniture that meets professional standards perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Layla Nassar",
|
||||
handle: "Procurement Head, CorpX",
|
||||
testimonial: "Reliable delivery and excellent logistics for all our office projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karim Said",
|
||||
handle: "Architect, Urban Designs",
|
||||
testimonial: "Professional solutions for complex architectural furniture needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ahmed Mansour", handle: "CEO, Hospitality Group", testimonial: "Exceptional craftsmanship and professional support throughout the project.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
|
||||
{ id: "t2", name: "Sarah Khalil", handle: "Lead Designer, DecoLab", testimonial: "The AR integration tool is a game changer for our presentations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
|
||||
{ id: "t3", name: "Omar Fakhry", handle: "Owner, Modern Bistro", testimonial: "Very high-quality furniture that meets professional standards perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="See why top hospitality and corporate clients choose Simo Deco."
|
||||
@@ -309,72 +135,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Request a Quote"
|
||||
title="Get Started with Simo Deco"
|
||||
description="Reach out for business consultations or bulk order inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Catalog", href: "#catalog" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Careers", href: "#" }, { label: "Partners", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="Simo Deco"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user