bender/d2ae73dc-6f4b-454e-aed7-770d66bf10b9
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-06-05 14:09:21 +00:00
parent b21878326a
commit fc662961d4
1 changed files with 56 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/app/page.tsx
View File

@@ -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"},
],
},
]}