Merge version_2 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { AlertTriangle, Building, Home } from "lucide-react";
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import { ShoppingBag, Heart, MessageCircle, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,219 +17,99 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Godby Home Furnishings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Re-tail"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Quality Furnishings, Delivered Right."
|
||||
description="At Godby Home Furnishings, we bridge the gap between stunning design and professional delivery. From residential comfort to commercial excellence, we handle your furniture with care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Thrifting with a Purpose"
|
||||
description="Discover unique treasures at The Re-tail. Every purchase directly supports the Animal Care Society and our mission to find loving homes for every pet."
|
||||
buttons={[{ text: "Request A Quote", href: "#contact" }]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/cute-dog-wearing-blue-bandana_23-2148719515.jpg?_wi=1" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/dog-posing-outdoors_23-2148719520.jpg?_wi=1" }
|
||||
]}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/golden-retriever-playing-with-toy_23-2148719518.jpg?_wi=1" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/portrait-cute-dog-grass_23-2148719522.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Residential",
|
||||
description: "Seamless delivery and setup for every room in your home.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Commercial",
|
||||
description: "High-capacity logistics for large office and business projects.",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Emergency",
|
||||
description: "Rapid response solutions for urgent furniture needs.",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Furniture Services"
|
||||
description="We offer end-to-end solutions for all your furniture needs, backed by years of industry expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
title="Our Thrift Services"
|
||||
description="From high-quality clothing to vintage decor, we curate items that give back."
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{ id: "1", title: "Curated Fashion", description: "Hand-picked clothes for every style.", tag: "Apparel" },
|
||||
{ id: "2", title: "Home Goods", description: "Unique decor that tells a story.", tag: "Home" },
|
||||
{ id: "3", title: "Pet Supplies", description: "Essential items for your furry friends.", tag: "Pets" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Experience You Can Trust"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: "About The Re-tail & Our Mission" }]}
|
||||
buttons={[{ text: "Support Animal Care Society", href: "#contact" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Karen K.",
|
||||
date: "4 years ago",
|
||||
title: "Residential Customer",
|
||||
quote: "Starting with the salesman to the delivery guys, the team was great.",
|
||||
tag: "Happy Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining room furniture home",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brandon K.",
|
||||
date: "1 year ago",
|
||||
title: "Happy Customer",
|
||||
quote: "Amazing customer service! Love the furniture thank you so much!!",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548713.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-office_23-2147668763.jpg",
|
||||
imageAlt: "happy customer dining room furniture home",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Driver One",
|
||||
date: "2 years ago",
|
||||
title: "Logistics Professional",
|
||||
quote: "Fast unloading, great employees. Will come back if needed!",
|
||||
tag: "Driver",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-man-woman-moving-unpacking-things-getting-out-object-open-carton-box_74855-15174.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg",
|
||||
imageAlt: "happy customer dining room furniture home",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Commercial Biz",
|
||||
date: "1 year ago",
|
||||
title: "Business Client",
|
||||
quote: "Professional handling and efficient setup for our office project.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-green-pants-posed-cafe_627829-14224.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-moving-new-apartment-together-unpacking-furniture-decorate-household-enjoying-relocation-after-buying-first-house-start-new-beginnings-celebrate-life-event_482257-49831.jpg",
|
||||
imageAlt: "happy customer dining room furniture home",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Local Family",
|
||||
date: "2 years ago",
|
||||
title: "Homeowner",
|
||||
quote: "Reliable delivery and beautiful furniture. Very satisfied.",
|
||||
tag: "Homeowners",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-managers-leading-carpenter-analyzing-reports-wood-factory-coronavirus-pandemic_637285-11859.jpg",
|
||||
imageAlt: "happy customer dining room furniture home",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read experiences from those who trust our team with their furniture logistics."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Community Love"
|
||||
animationType="scale-rotate"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Local Resident", testimonial: "Found the best vintage jacket and helped local pets too!", icon: Heart },
|
||||
{ id: "2", name: "Mike D.", role: "Thrift Enthusiast", testimonial: "The shop is clean, organized, and for a great cause.", icon: ShoppingBag }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Get Started"
|
||||
title="Request Your Quote Today"
|
||||
description="Ready to get moving? Contact our Westfield center for assistance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@godbyfurnishings.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Have questions or want to donate? Fill out the form below or drop by our location."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us how we can help!" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Godby Home Furnishings"
|
||||
bottomRightText="17780 Sun Park Dr, Westfield, IN 46074"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Catalog", href: "#" }] },
|
||||
{ title: "Mission", items: [{ label: "Animal Care Society", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 The Re-tail Thrift Shop"
|
||||
bottomRightText="Supporting Animal Care Society"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #fbfaff;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--accent: #ff93e4;
|
||||
--background-accent: #f3e8ff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user