Merge version_2 into main #2
354
src/app/page.tsx
354
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Building, Clock, Globe, Leaf, Shield, Star, Users, Zap } from "lucide-react";
|
||||
import { Award, Building, Clock, Globe, Leaf, Mail, MapPin, Phone, Shield, Star, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Glass House"
|
||||
/>
|
||||
@@ -59,64 +44,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Architectural Transparency"
|
||||
description="Experience the seamless blend of interior living and exterior landscapes through our curated glass structures."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-shot-beautiful-glass-building-captured-day-time_181624-7425.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Smiling Beautiful Middle-aged Business Woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Smiling African American man posing at library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
|
||||
alt: "Confident professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
alt: "Happy businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",
|
||||
alt: "Architect smiling",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 400+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Solutions",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,31 +59,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Refined Engineering"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building,
|
||||
label: "Structures Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Design Awards",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "400+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Energy Rating",
|
||||
value: "A++",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Countries Served",
|
||||
value: "12",
|
||||
},
|
||||
{ icon: Building, label: "Structures Completed", value: "150+" },
|
||||
{ icon: Award, label: "Design Awards", value: "25" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "400+" },
|
||||
{ icon: Zap, label: "Energy Rating", value: "A++" },
|
||||
{ icon: Globe, label: "Countries Served", value: "12" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -157,44 +71,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Cutting",
|
||||
subtitle: "Advanced technology",
|
||||
category: "Process",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Eco-Performance",
|
||||
subtitle: "Highly sustainable",
|
||||
category: "Energy",
|
||||
value: "High",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Luminous Aesthetics",
|
||||
subtitle: "Maximum light exposure",
|
||||
category: "Design",
|
||||
value: "Elite",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Safety Standards",
|
||||
subtitle: "Impact resistant",
|
||||
category: "Quality",
|
||||
value: "Grade A",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Sound Insulation",
|
||||
subtitle: "Acoustic control",
|
||||
category: "Comfort",
|
||||
value: "Superior",
|
||||
},
|
||||
{ id: "f1", title: "Precision Cutting", subtitle: "Advanced technology", category: "Process", value: "100%" },
|
||||
{ id: "f2", title: "Eco-Performance", subtitle: "Highly sustainable", category: "Energy", value: "High" },
|
||||
{ id: "f3", title: "Luminous Aesthetics", subtitle: "Maximum light exposure", category: "Design", value: "Elite" },
|
||||
{ id: "f4", title: "Safety Standards", subtitle: "Impact resistant", category: "Quality", value: "Grade A" },
|
||||
{ id: "f5", title: "Sound Insulation", subtitle: "Acoustic control", category: "Comfort", value: "Superior" },
|
||||
]}
|
||||
title="Why Glass House?"
|
||||
description="Excellence in every pane."
|
||||
@@ -208,42 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Minimalist Table",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-elegant-tableware-table_23-2148835209.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Glass Partition",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-dispersing-light_23-2148599281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Designer Light",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090609.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Wall Frame",
|
||||
price: "$1,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-pendant-lamp-cozy-bedroom-soft-glow_169016-70924.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ceiling Decor",
|
||||
price: "$1,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-125871.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Outdoor Pane",
|
||||
price: "$3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-vintage-chandeliers-with-lamps-inside-retro-exterior-detail_169016-21579.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Minimalist Table", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/assortment-elegant-tableware-table_23-2148835209.jpg" },
|
||||
{ id: "p2", name: "Glass Partition", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-dispersing-light_23-2148599281.jpg" },
|
||||
{ id: "p3", name: "Designer Light", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090609.jpg" },
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Explore our premium glass solutions."
|
||||
@@ -256,36 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Energy Efficiency",
|
||||
value: "45%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Durability Rating",
|
||||
value: "9.8/10",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Clock,
|
||||
title: "Response Time",
|
||||
value: "2h",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Leaf,
|
||||
title: "Carbon Reduction",
|
||||
value: "30%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Energy Efficiency", value: "45%" },
|
||||
{ id: "m2", icon: Shield, title: "Durability Rating", value: "9.8/10" },
|
||||
{ id: "m3", icon: Star, title: "Customer Satisfaction", value: "99%" },
|
||||
{ id: "m4", icon: Clock, title: "Response Time", value: "2h" },
|
||||
{ id: "m5", icon: Leaf, title: "Carbon Reduction", value: "30%" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Evidence of excellence."
|
||||
@@ -294,49 +121,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alice",
|
||||
testimonial: "Stunning quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
handle: "@bob",
|
||||
testimonial: "Great architecture.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie G.",
|
||||
handle: "@char",
|
||||
testimonial: "Excellent team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-caucasian-young-girl-holding-modern-smartphone-her-hands-looking-away-while-standing-room-brunette-with-smile-her-face-reads-good-news-technology-device-emotions-concept_197531-32274.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana V.",
|
||||
handle: "@dian",
|
||||
testimonial: "Love the light.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan K.",
|
||||
handle: "@ethan",
|
||||
testimonial: "True professionals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", handle: "@alice", testimonial: "Stunning quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
|
||||
{ id: "2", name: "Bob D.", handle: "@bob", testimonial: "Great architecture.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Voices"
|
||||
@@ -349,31 +139,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Warranty provided?",
|
||||
content: "10-year structural warranty.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Custom designs?",
|
||||
content: "Bespoke architectural solutions.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Shipping globally?",
|
||||
content: "Yes, worldwide logistics.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Sustainability policy?",
|
||||
content: "Carbon-neutral production.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Installation assistance?",
|
||||
content: "Full on-site support team.",
|
||||
},
|
||||
{ id: "q1", title: "Warranty provided?", content: "10-year structural warranty." },
|
||||
{ id: "q2", title: "Custom designs?", content: "Bespoke architectural solutions." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers you need."
|
||||
@@ -382,51 +149,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Ready to transform your space?"
|
||||
description="Get in touch with our expert architectural consultants today to start your project."
|
||||
buttons={[{ text: "Book a Consultation", href: "#" }]}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Let's Connect"
|
||||
description="Discuss your project with our expert team."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterMedia
|
||||
logoText="Glass House"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-building_1122-1234.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Contact", items: [
|
||||
{ label: "info@glasshouse.com", href: "mailto:info@glasshouse.com" },
|
||||
{ label: "+1 (555) 000-1234", href: "tel:+15550001234" },
|
||||
{ label: "123 Glass St, Modern City", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Projects", href: "#products" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Glass House. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user