Merge version_1 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="CrystalClear Glass"
|
||||
/>
|
||||
@@ -67,42 +53,21 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience Clarity with Custom Glass Solutions"
|
||||
description="From elegant shower enclosures to precise custom cuts, we provide superior glass products and expert installation for homes and businesses. Discover the perfect glass for your project."
|
||||
tag="Innovating with Glass"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Work", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-talking-her-phone_1157-1810.jpg",
|
||||
imageAlt: "Modern interior with large glass panels",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-talking-her-phone_1157-1810.jpg", imageAlt: "modern glass panels architectural interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-wrapping-his-hands-before-training-ring_23-2148759638.jpg",
|
||||
imageAlt: "Glass technician installing a large glass panel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-room-with-laminate-flooring-french-windows_181624-60479.jpg",
|
||||
imageAlt: "Empty room with laminate flooring and french windows",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-together-town_1303-11893.jpg",
|
||||
imageAlt: "Young couple walking together in town",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1062.jpg",
|
||||
imageAlt: "Windows of Skyscraper Business Office",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-wrapping-his-hands-before-training-ring_23-2148759638.jpg", imageAlt: "professional glass installer worker"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -117,21 +82,15 @@ export default function LandingPage() {
|
||||
description="At CrystalClear Glass Solutions, we combine decades of experience with cutting-edge technology to deliver flawless glass products. Our commitment to quality ensures stunning results for every residential and commercial project."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years of Experience",
|
||||
},
|
||||
value: "25+", title: "Years of Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Successful Projects",
|
||||
},
|
||||
value: "500+", title: "Successful Projects"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Client Satisfaction"},
|
||||
]}
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-manual-worker-marking-measurements-piece-wood-carpentry-workshop_637285-11691.jpg"
|
||||
imageAlt="Worker carefully cutting a large piece of glass with precision equipment"
|
||||
imageAlt="precision glass cutting machine factory"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="opacity"
|
||||
/>
|
||||
@@ -143,37 +102,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Customization",
|
||||
title: "Expert Glass Cutting",
|
||||
subtitle: "Tailored to your exact specifications.",
|
||||
description: "Our state-of-the-art equipment ensures precise cuts for any shape or size, from intricate designs to large architectural panels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-sanding-wooden-object-disc-sander-assembling-shop_482257-89313.jpg",
|
||||
imageAlt: "Worker using a glass cutting machine",
|
||||
},
|
||||
tag: "Customization", title: "Expert Glass Cutting", subtitle: "Tailored to your exact specifications.", description: "Our state-of-the-art equipment ensures precise cuts for any shape or size, from intricate designs to large architectural panels.", imageSrc: "http://img.b2bpic.net/free-photo/artisan-sanding-wooden-object-disc-sander-assembling-shop_482257-89313.jpg", imageAlt: "glass cutter working on large sheet"},
|
||||
{
|
||||
tag: "Reliability",
|
||||
title: "Professional Installation",
|
||||
subtitle: "Seamless integration, every time.",
|
||||
description: "Our certified installers ensure a secure and aesthetically pleasing finish, handling everything from mirrors to complex glass facades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359031.jpg",
|
||||
imageAlt: "Team installing a large glass window",
|
||||
},
|
||||
tag: "Reliability", title: "Professional Installation", subtitle: "Seamless integration, every time.", description: "Our certified installers ensure a secure and aesthetically pleasing finish, handling everything from mirrors to complex glass facades.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359031.jpg", imageAlt: "professional window installation team"},
|
||||
{
|
||||
tag: "Durability",
|
||||
title: "Repair & Restoration",
|
||||
subtitle: "Extend the life of your glass.",
|
||||
description: "From minor chips to full panel replacements, we restore your glass to its original clarity and structural integrity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358974.jpg",
|
||||
imageAlt: "Person repairing a cracked glass panel",
|
||||
},
|
||||
tag: "Durability", title: "Repair & Restoration", subtitle: "Extend the life of your glass.", description: "From minor chips to full panel replacements, we restore your glass to its original clarity and structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358974.jpg", imageAlt: "cracked glass repair specialist"},
|
||||
{
|
||||
tag: "Variety",
|
||||
title: "Wide Material Selection",
|
||||
subtitle: "Discover endless possibilities.",
|
||||
description: "Explore our extensive range of glass types, including tempered, frosted, laminated, and custom-tinted options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-wall-light-new-exterior_1127-2799.jpg",
|
||||
imageAlt: "Various types of glass samples on display",
|
||||
},
|
||||
tag: "Variety", title: "Wide Material Selection", subtitle: "Discover endless possibilities.", description: "Explore our extensive range of glass types, including tempered, frosted, laminated, and custom-tinted options.", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-wall-light-new-exterior_1127-2799.jpg", imageAlt: "variety of glass samples display"},
|
||||
]}
|
||||
title="Our Comprehensive Glass Services"
|
||||
description="We offer a full spectrum of glass services designed to meet the diverse needs of our clients."
|
||||
@@ -189,53 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tempered Safety Glass",
|
||||
price: "Starting at $50/sq ft",
|
||||
variant: "High Strength",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-ginger-girl-yellow-shirt-lying-stone-parapet-looking-down_197531-4548.jpg",
|
||||
imageAlt: "Tempered glass shower door",
|
||||
},
|
||||
id: "1", name: "Tempered Safety Glass", price: "Starting at $50/sq ft", variant: "High Strength", imageSrc: "http://img.b2bpic.net/free-photo/smiling-ginger-girl-yellow-shirt-lying-stone-parapet-looking-down_197531-4548.jpg", imageAlt: "tempered glass shower door modern"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Frosted Privacy Glass",
|
||||
price: "Starting at $45/sq ft",
|
||||
variant: "Elegant Obscurity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-styrofoam-texture-pattern_58702-14323.jpg",
|
||||
imageAlt: "Frosted glass office partition",
|
||||
},
|
||||
id: "2", name: "Frosted Privacy Glass", price: "Starting at $45/sq ft", variant: "Elegant Obscurity", imageSrc: "http://img.b2bpic.net/free-photo/photo-styrofoam-texture-pattern_58702-14323.jpg", imageAlt: "frosted glass office partition privacy"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Stained Decorative Glass",
|
||||
price: "Custom Pricing",
|
||||
variant: "Artistic Flair",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/psychedelic-seamless-pattern_8830-671.jpg",
|
||||
imageAlt: "Colorful stained glass window",
|
||||
},
|
||||
id: "3", name: "Stained Decorative Glass", price: "Custom Pricing", variant: "Artistic Flair", imageSrc: "http://img.b2bpic.net/free-vector/psychedelic-seamless-pattern_8830-671.jpg", imageAlt: "beautiful stained glass window art"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Custom Wall Mirrors",
|
||||
price: "Starting at $60/sq ft",
|
||||
variant: "Reflective Spaces",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943450.jpg",
|
||||
imageAlt: "Large custom cut wall mirror",
|
||||
},
|
||||
id: "4", name: "Custom Wall Mirrors", price: "Starting at $60/sq ft", variant: "Reflective Spaces", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943450.jpg", imageAlt: "custom cut large wall mirror"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Frameless Shower Enclosures",
|
||||
price: "Starting at $800",
|
||||
variant: "Modern Bathrooms",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg",
|
||||
imageAlt: "Sleek frameless glass shower",
|
||||
},
|
||||
id: "5", name: "Frameless Shower Enclosures", price: "Starting at $800", variant: "Modern Bathrooms", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg", imageAlt: "sleek frameless glass shower enclosure"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Glass Balustrades",
|
||||
price: "Starting at $120/linear ft",
|
||||
variant: "Safety & Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-bicycle-down-stairs-full-shot_23-2149396186.jpg",
|
||||
imageAlt: "Glass balustrade for a modern staircase",
|
||||
},
|
||||
id: "6", name: "Glass Balustrades", price: "Starting at $120/linear ft", variant: "Safety & Style", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-bicycle-down-stairs-full-shot_23-2149396186.jpg", imageAlt: "glass balustrade modern staircase railing"},
|
||||
]}
|
||||
title="Explore Our Glass Product Collection"
|
||||
description="Discover a wide range of high-quality glass products, perfectly crafted for aesthetics and functionality."
|
||||
@@ -248,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
imageAlt: "Photo of Sarah J.",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "happy customer smiling professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
imageAlt: "Photo of Michael T.",
|
||||
},
|
||||
id: "2", name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "client headshot confident professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-office-worker-offering-coffee_1262-17072.jpg",
|
||||
imageAlt: "Photo of Emily R.",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-office-worker-offering-coffee_1262-17072.jpg", imageAlt: "positive client experience portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-autumnal-leaves-outside_23-2148647679.jpg",
|
||||
imageAlt: "Photo of David L.",
|
||||
},
|
||||
id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-autumnal-leaves-outside_23-2148647679.jpg", imageAlt: "satisfied young entrepreneur smiling"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg",
|
||||
imageAlt: "Photo of Jessica M.",
|
||||
},
|
||||
id: "5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", imageAlt: "client portrait smiling woman"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg",
|
||||
imageAlt: "Photo of Robert K.",
|
||||
},
|
||||
id: "6", name: "Robert K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg", imageAlt: "happy customer review photo"},
|
||||
]}
|
||||
cardTitle="Exceptional Service, Stunning Results"
|
||||
cardTag="Customer Success"
|
||||
@@ -295,14 +170,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Modern Homes Inc.",
|
||||
"City Architects",
|
||||
"Elite Builders",
|
||||
"Urban Developments",
|
||||
"Precision Construction",
|
||||
"Design Innovations",
|
||||
"Green Living Homes",
|
||||
]}
|
||||
"Modern Homes Inc.", "City Architects", "Elite Builders", "Urban Developments", "Precision Construction", "Design Innovations", "Green Living Homes"]}
|
||||
title="Our Trusted Partners"
|
||||
description="We collaborate with leading architects, builders, and designers to bring visionary projects to life."
|
||||
tag="Partners"
|
||||
@@ -315,25 +183,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of glass do you offer?",
|
||||
content: "We offer a wide range of glass types including tempered, laminated, insulated, frosted, tinted, and custom decorative glass. Our experts can help you choose the best option for your specific needs.",
|
||||
},
|
||||
id: "1", title: "What types of glass do you offer?", content: "We offer a wide range of glass types including tempered, laminated, insulated, frosted, tinted, and custom decorative glass. Our experts can help you choose the best option for your specific needs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide custom glass cutting services?",
|
||||
content: "Yes, we specialize in custom glass cutting for any shape, size, and design. Whether it's for tabletops, shelving, or architectural features, we ensure precise and high-quality results.",
|
||||
},
|
||||
id: "2", title: "Do you provide custom glass cutting services?", content: "Yes, we specialize in custom glass cutting for any shape, size, and design. Whether it's for tabletops, shelving, or architectural features, we ensure precise and high-quality results."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is the typical installation process?",
|
||||
content: "Our installation process begins with a detailed measurement and consultation. Once the glass is prepared, our certified team handles the installation with minimal disruption, ensuring safety and a perfect fit.",
|
||||
},
|
||||
id: "3", title: "What is the typical installation process?", content: "Our installation process begins with a detailed measurement and consultation. Once the glass is prepared, our certified team handles the installation with minimal disruption, ensuring safety and a perfect fit."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long does a glass repair take?",
|
||||
content: "The time required for glass repair depends on the extent of the damage and the type of glass. Minor repairs can often be done on-site within hours, while larger replacements may require ordering custom glass.",
|
||||
},
|
||||
id: "4", title: "How long does a glass repair take?", content: "The time required for glass repair depends on the extent of the damage and the type of glass. Minor repairs can often be done on-site within hours, while larger replacements may require ordering custom glass."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our glass products and services."
|
||||
@@ -346,20 +202,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
tag="Ready to Transform Your Space?"
|
||||
title="Get Your Free Glass Project Quote Today"
|
||||
description="Contact us now for a personalized consultation and a no-obligation quote. Our team is ready to bring your vision to life with crystal-clear precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "mailto:info@crystalclearglass.com",
|
||||
},
|
||||
text: "Request a Quote", href: "mailto:info@crystalclearglass.com"},
|
||||
{
|
||||
text: "Call Us: (123) 456-7890",
|
||||
href: "tel:1234567890",
|
||||
},
|
||||
text: "Call Us: (123) 456-7890", href: "tel:1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -367,70 +218,43 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-background-with-reeded-pattern_53876-139916.jpg"
|
||||
imageAlt="Abstract glass texture background"
|
||||
imageAlt="abstract glass texture background blue"
|
||||
logoText="CrystalClear Glass Solutions"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Custom Cutting",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Custom Cutting", href: "#features"},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Installation", href: "#features"},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Repair", href: "#features"},
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Tempered Glass",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tempered Glass", href: "#products"},
|
||||
{
|
||||
label: "Frosted Glass",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Frosted Glass", href: "#products"},
|
||||
{
|
||||
label: "Mirrors",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Mirrors", href: "#products"},
|
||||
{
|
||||
label: "Shower Enclosures",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shower Enclosures", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user