bender/828d06fc-e591-41f0-9d31-1fa665313dbd
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 03:40:46 +00:00
parent 9c00eb216e
commit 27c344bc35
1 changed files with 107 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

214
src/app/page.tsx
View File

@@ -2,140 +2,140 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLarge"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="bold"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
brandName="GEM REFRIGERATION"
/>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
brandName="GEM REFRIGERATION"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Commercial Refrigeration Done Right"
description="Expert repair, maintenance, and installation for businesses that can't afford downtime. Fast response. Fair pricing. Flawless results."
tag="★ 5.0 Rated • Trusted Since Day One"
buttons={[
{ text: "Call Now", href: "tel:+10000000000" },
{ text: "View Services", href: "#services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg"
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Medium shot man correcting grammar mistakes" },
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Waist up of confident businessman in the office" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Portrait of woman standing in kitchen" },
{ src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-fastening-up-coat-from-cold-happily-looking-camera-outdoor_574295-2171.jpg", alt: "Young pretty smiling woman fastening up coat from cold happily looking in camera outdoor" },
]}
avatarText="Trusted by 500+ Local Businesses"
/>
<HeroOverlay
title="Commercial Refrigeration Done Right"
description="Expert repair, maintenance, and installation for businesses that can't afford downtime. Fast response. Fair pricing. Flawless results."
tag="★ 5.0 Rated • Trusted Since Day One"
buttons={[
{ text: "Call Now", href: "tel:+10000000000" },
{ text: "View Services", href: "#services" }
]}
imageSrc="http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg"
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Medium shot man correcting grammar mistakes" },
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Waist up of confident businessman in the office" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Portrait of woman standing in kitchen" },
{ src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-fastening-up-coat-from-cold-happily-looking-camera-outdoor_574295-2171.jpg", alt: "Young pretty smiling woman fastening up coat from cold happily looking in camera outdoor" }
]}
avatarText="Trusted by 500+ Local Businesses"
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={false}
title="Commercial Refrigeration Services"
description="From walk-in coolers to ice machines, we keep your business running cold."
features={[
{ title: "Repair & Diagnostics", description: "Fast, accurate diagnosis and repair for all commercial units.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" } },
{ title: "Walk-In Coolers", description: "Reliable installation and maintenance for all walk-in systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-gloves-opening-freezer-supermarket-covid-19-pandemic-corona-virus_342744-1145.jpg" } },
{ title: "Ice Machines", description: "Sales and maintenance for clean, high-output ice machines.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3s9vl7" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9l9kn" } },
]}
/>
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={false}
title="Commercial Refrigeration Services"
description="From walk-in coolers to ice machines, we keep your business running cold."
features={[
{ title: "Repair & Diagnostics", description: "Fast, accurate diagnosis and repair for all commercial units.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" } },
{ title: "Walk-In Coolers", description: "Reliable installation and maintenance for all walk-in systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-gloves-opening-freezer-supermarket-covid-19-pandemic-corona-virus_342744-1145.jpg" } },
{ title: "Ice Machines", description: "Sales and maintenance for clean, high-output ice machines.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3s9vl7" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9l9kn" } }
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
title="What Our Clients Say"
description="Trusted by local businesses to keep things cool."
testimonials={[
{ id: "1", name: "Stephanie Brown", date: "2024-05", title: "Business Owner", quote: "Friendly professional service! Definitely recommend!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", imageSrc: "http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg", imageAlt: "professional business portrait happy" },
{ id: "2", name: "Blaine D", date: "2024-04", title: "Manager", quote: "Can't beat this kind of service! Thank you very much!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg", imageAlt: "professional business portrait happy" },
{ id: "3", name: "Kimberly Mills", date: "2024-03", title: "Owner", quote: "Very knowledgeable and professional. Definitely recommend.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg", imageAlt: "professional business portrait happy" },
{ id: "4", name: "Christine Elliott", date: "2024-02", title: "Manager", quote: "Amazing job! Fast and professional.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg", imageAlt: "professional business portrait happy" },
{ id: "5", name: "John Doe", date: "2024-01", title: "Director", quote: "The best commercial service we have ever had.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-gloves-opening-freezer-supermarket-covid-19-pandemic-corona-virus_342744-1145.jpg", imageAlt: "professional business portrait happy" },
]}
/>
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
title="What Our Clients Say"
description="Trusted by local businesses to keep things cool."
testimonials={[
{ id: "1", name: "Stephanie Brown", date: "2024-05", title: "Business Owner", quote: "Friendly professional service! Definitely recommend!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", imageSrc: "http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg", imageAlt: "professional business portrait happy" },
{ id: "2", name: "Blaine D", date: "2024-04", title: "Manager", quote: "Can't beat this kind of service! Thank you very much!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg", imageAlt: "professional business portrait happy" },
{ id: "3", name: "Kimberly Mills", date: "2024-03", title: "Owner", quote: "Very knowledgeable and professional. Definitely recommend.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg", imageAlt: "professional business portrait happy" },
{ id: "4", name: "Christine Elliott", date: "2024-02", title: "Manager", quote: "Amazing job! Fast and professional.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg", imageAlt: "professional business portrait happy" },
{ id: "5", name: "John Doe", date: "2024-01", title: "Director", quote: "The best commercial service we have ever had.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-gloves-opening-freezer-supermarket-covid-19-pandemic-corona-virus_342744-1145.jpg", imageAlt: "professional business portrait happy" }
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet Our Expert Technicians"
description="Our dedicated team of cooling specialists brings decades of combined experience to your facility."
members={[
{ id: "m1", name: "Marcus Thorne", role: "Head Technician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
{ id: "m2", name: "Elena Rodriguez", role: "Installation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg" },
{ id: "m3", name: "David Chen", role: "Diagnostic Expert", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg" },
]}
/>
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet Our Expert Technicians"
description="Our dedicated team of cooling specialists brings decades of combined experience to your facility."
members={[
{ id: "m1", name: "Marcus Thorne", role: "Head Technician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
{ id: "m2", name: "Elena Rodriguez", role: "Installation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg" },
{ id: "m3", name: "David Chen", role: "Diagnostic Expert", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Ready to Experience the Gem Difference?"
description="Call now for fast, friendly service. Your business can't wait."
/>
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Ready to Experience the Gem Difference?"
description="Call now for fast, friendly service. Your business can't wait."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="GEM REFRIGERATION"
columns={[
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Services", href: "#services" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
/>
<FooterBaseCard
logoText="GEM REFRIGERATION"
columns={[
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Services", href: "#services" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>