Merge version_2 into main #1
39
src/app/about/page.tsx
Normal file
39
src/app/about/page.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Local Business"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<TextSplitAbout
|
||||
title="About Our Company"
|
||||
description={[
|
||||
"Founded in 2010, Local Business has grown into a cornerstone of our community. We believe in providing personalized service and quality products.", "Our team is dedicated to excellence and ensuring every customer has a great experience, whether in-store or online."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
|
||||
logoText="Local Business"
|
||||
columns={[]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
44
src/app/gallery/page.tsx
Normal file
44
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,44 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Local Business"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Business Gallery"
|
||||
description="A showcase of our shop, products, and community moments."
|
||||
features={[
|
||||
{ title: "Storefront", description: "Our welcoming entrance", imageSrc: "http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg" },
|
||||
{ title: "Interior", description: "A look inside our shop", imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg" },
|
||||
{ title: "Craftsmanship", description: "Detailing our work", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
|
||||
logoText="Local Business"
|
||||
columns={[]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
49
src/app/location/page.tsx
Normal file
49
src/app/location/page.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ReactLenis from "lenis/react";
|
||||
|
||||
export default function LocationPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Local Business"
|
||||
/>
|
||||
<div className="pt-32 pb-20 px-6 max-w-4xl mx-auto text-center">
|
||||
<h1 className="text-4xl font-bold mb-6">Visit Our Location</h1>
|
||||
<p className="text-lg text-gray-600 mb-8">Find us in the heart of the community, ready to serve you.</p>
|
||||
<div className="aspect-video bg-gray-200 rounded-2xl flex items-center justify-center overflow-hidden">
|
||||
<p>Interactive Map Integration Coming Soon</p>
|
||||
</div>
|
||||
<div className="mt-10 text-left space-y-4">
|
||||
<p><strong>Address:</strong> 123 Community Way, Neighborhood City</p>
|
||||
<p><strong>Hours:</strong> Mon-Sat: 9am - 8pm</p>
|
||||
</div>
|
||||
</div>
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Questions about our location?"
|
||||
description="Reach out to us if you need help finding our shop!"
|
||||
buttons={[{ text: "Call Now", href: "tel:5550123" }]}
|
||||
/>
|
||||
<FooterMedia
|
||||
logoText="Local Business"
|
||||
columns={[
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
183
src/app/page.tsx
183
src/app/page.tsx
@@ -30,22 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Local Business"
|
||||
/>
|
||||
@@ -56,14 +45,8 @@ export default function LandingPage() {
|
||||
logoText="Local Business"
|
||||
description="Welcome to our neighborhood shop. We bring quality, care, and local charm to everything we offer. Experience the difference of a business rooted in our community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{ text: "Visit Us", href: "/location" },
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg"
|
||||
imageAlt="Our charming storefront"
|
||||
@@ -75,39 +58,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Founded with a passion for excellence, our shop serves as a hub for the community. We prioritize quality ingredients and personalized service in every interaction.",
|
||||
"Our mission is to create a welcoming space where every customer feels valued and understood. From our curated selections to our expert staff, we are here for you.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Selection",
|
||||
description: "Hand-selected items meeting our highest quality standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg",
|
||||
imageAlt: "Professional services shop display",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Professional support tailored to your unique requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182579.jpg",
|
||||
imageAlt: "Diverse business service range",
|
||||
},
|
||||
{
|
||||
title: "Local Craftsmanship",
|
||||
description: "Supporting local artisans and bringing you the best designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg",
|
||||
imageAlt: "Featured store selection",
|
||||
},
|
||||
]}
|
||||
title="Our Products & Services"
|
||||
description="Explore our curated list of high-quality items and services crafted to enhance your lifestyle."
|
||||
"Founded with a passion for excellence, our shop serves as a hub for the community. We prioritize quality ingredients and personalized service in every interaction.", "Our mission is to create a welcoming space where every customer feels valued and understood. From our curated selections to our expert staff, we are here for you."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,46 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Quality",
|
||||
quote: "The best experience I've had in the neighborhood. Quality is unmatched.",
|
||||
name: "John Doe",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Friendly service and a wonderful selection. Truly a hidden gem.",
|
||||
name: "Jane Smith",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Atmosphere",
|
||||
quote: "I always leave with a smile. The staff here are incredible.",
|
||||
name: "Alex Johnson",
|
||||
role: "Frequent Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-warehouse_107420-96564.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Authentic Experience",
|
||||
quote: "Real products, real people. You can't ask for better service.",
|
||||
name: "Sarah Miller",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall-talking-phone_23-2148225605.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Wonderful Find",
|
||||
quote: "I'm so glad I found this place. Everything is perfect.",
|
||||
name: "Michael Brown",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg",
|
||||
},
|
||||
{ id: "1", title: "Excellent Quality", quote: "The best experience I've had in the neighborhood. Quality is unmatched.", name: "John Doe", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
|
||||
{ id: "2", title: "Highly Recommend", quote: "Friendly service and a wonderful selection. Truly a hidden gem.", name: "Jane Smith", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
|
||||
{ id: "3", title: "Great Atmosphere", quote: "I always leave with a smile. The staff here are incredible.", name: "Alex Johnson", role: "Frequent Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-warehouse_107420-96564.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear what our wonderful customers have to say about their experience."
|
||||
@@ -167,21 +81,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open Monday to Saturday from 9 AM to 8 PM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer local delivery services for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I reserve items?",
|
||||
content: "Absolutely! Please contact us via phone to secure your items.",
|
||||
},
|
||||
{ id: "1", title: "What are your opening hours?", content: "We are open Monday to Saturday from 9 AM to 8 PM." },
|
||||
{ id: "2", title: "Do you offer delivery?", content: "Yes, we offer local delivery services for your convenience." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our business and services."
|
||||
@@ -193,15 +94,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Partner A",
|
||||
"Partner B",
|
||||
"Partner C",
|
||||
"Partner D",
|
||||
"Partner E",
|
||||
"Partner F",
|
||||
"Partner G",
|
||||
]}
|
||||
names={["Partner A", "Partner B", "Partner C", "Partner D"]}
|
||||
title="Trusted By The Community"
|
||||
description="Proudly serving our neighborhood for over a decade."
|
||||
/>
|
||||
@@ -210,21 +103,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Experience Our Service?"
|
||||
description="Drop by our shop or contact us directly to learn more about our offerings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{ text: "Contact Us", href: "#" },
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -234,36 +119,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
|
||||
logoText="Local Business"
|
||||
columns={[
|
||||
{
|
||||
title: "Pages",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Local Business | All Rights Reserved"
|
||||
imageAlt="peaceful shop interior warm"
|
||||
@@ -272,4 +129,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
45
src/app/services/page.tsx
Normal file
45
src/app/services/page.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ReactLenis from "lenis/react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Local Business"
|
||||
/>
|
||||
<div className="pt-24">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Our Services"
|
||||
description="We provide a comprehensive range of professional services tailored to the needs of our local community."
|
||||
features={[
|
||||
{ title: "Premium Consulting", description: "Personalized guidance for all your local business needs.", imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg" },
|
||||
{ title: "Custom Design", description: "High-quality design services focused on your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182579.jpg" },
|
||||
{ title: "Local Repairs", description: "Reliable repair services for your home and personal items.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
logoText="Local Business"
|
||||
columns={[
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user