Update src/app/page.tsx
This commit is contained in:
143
src/app/page.tsx
143
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import { Zap, Gauge, Shield, TrendingUp } from 'lucide-react';
|
||||
import { MapPin, Clock, Wifi } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,54 +29,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="AuraTech"
|
||||
brandName="The Spot"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Design the Future of Your Brand"
|
||||
description="We craft premium, minimalist digital products for ambitious brands. Effortless usability meets futuristic aesthetics."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/inside-portrait-confident-young-man-white-clothes-posing-with-charming-smile-isolated-wall_291650-95.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", alt: "User 5"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="The Best Coffee in Fort Payne"
|
||||
description="Experience premium roasts and handcrafted drinks at The Spot. Your daily neighborhood coffee destination."
|
||||
avatars={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "/contact"},
|
||||
{
|
||||
text: "View Services", href: "/services"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Product Strategy"},
|
||||
{
|
||||
type: "text", text: "Minimalist UI/UX"},
|
||||
{
|
||||
type: "text", text: "Brand Identity"},
|
||||
{
|
||||
type: "text", text: "Rapid Prototyping"},
|
||||
{
|
||||
type: "text", text: "Digital Scale"},
|
||||
{ text: "View Menu", href: "/menu" },
|
||||
{ text: "Visit Us", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,29 +55,21 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateLab", "TechFlow", "Nexus Systems", "CloudPulse", "DataCore", "Vertex", "Quantum"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Partnering with global innovators to build products that matter."
|
||||
names={["100% Arabica", "Locally Roasted", "Fair Trade", "Award Winning", "Community Focused"]}
|
||||
title="What Makes Us Different"
|
||||
description="We pride ourselves on quality beans and exceptional service every single day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our process."
|
||||
sideTitle="Why Our Regulars Keep Coming Back"
|
||||
sideDescription="Discover what our regulars love most about our menu."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How long does a typical project take?", content: "Our projects typically span 4 to 8 weeks depending on scope."},
|
||||
{
|
||||
id: "f2", title: "Can you work with existing branding?", content: "Absolutely, we can iterate on existing guidelines or create new ones."},
|
||||
{
|
||||
id: "f3", title: "What tools do you use?", content: "We primarily work with Figma, Webflow, and React."},
|
||||
{
|
||||
id: "f4", title: "Is maintenance included?", content: "We offer optional support packages for ongoing maintenance."},
|
||||
{
|
||||
id: "f5", title: "How do we communicate?", content: "We use Slack and weekly check-in calls for transparent updates."},
|
||||
{ id: "f1", title: "Signature Iced Coffee", content: "Our signature iced coffee is brewed for 12 hours for a smooth, bold flavor that never disappoints." },
|
||||
{ id: "f2", title: "Classic Cappuccino", content: "Rich espresso meets perfectly steamed velvety milk for the ultimate morning pick-me-up." },
|
||||
{ id: "f3", title: "Fresh Pastries", content: "Baked fresh every morning in our shop. Pairs perfectly with any drink." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -117,21 +79,14 @@ export default function LandingPage() {
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Minds"
|
||||
description="Our core team of designers and engineers."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Customer Reviews"
|
||||
description="Don't just take our word for it—here is what our community says."
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "Alex B.", role: "Creative Lead", description: "Expert in UI design.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
|
||||
{
|
||||
id: "m2", name: "Elena P.", role: "UX Researcher", description: "Focused on user testing.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"},
|
||||
{
|
||||
id: "m3", name: "Jordan S.", role: "Frontend Architect", description: "Passionate about speed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg"},
|
||||
{
|
||||
id: "m4", name: "Marcus L.", role: "Brand Strategist", description: "Building narrative arcs.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-13764.jpg"},
|
||||
{
|
||||
id: "m5", name: "Sophia R.", role: "Visual Designer", description: "Lover of clean grids.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-laughing_23-2148415938.jpg"},
|
||||
{ id: "m1", name: "Jessica M.", role: "Local Resident", description: "The best cappuccino in Fort Payne. Period. Friendly staff and great atmosphere!" },
|
||||
{ id: "m2", name: "David T.", role: "Regular Customer", description: "Their iced coffee is a game changer. I stop by every morning on my way to work." },
|
||||
{ id: "m3", name: "Amanda K.", role: "Coffee Enthusiast", description: "You can tell they truly care about the quality of their beans. Highly recommended spot!" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,50 +95,28 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why AuraTech?"
|
||||
description="We are committed to excellence in every detail of your product."
|
||||
title="Visit Us"
|
||||
description="Find us in the heart of downtown Fort Payne."
|
||||
features={[
|
||||
{
|
||||
title: "Minimalism", description: "Removing clutter.", imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-dew-drops-shining-sun-spider-web_169016-14241.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Performance", description: "Lighting fast loads.", imageSrc: "http://img.b2bpic.net/free-photo/shiny-transparent-jewel_23-2147960080.jpg", buttonIcon: Gauge,
|
||||
},
|
||||
{
|
||||
title: "Security", description: "Built for safety.", imageSrc: "http://img.b2bpic.net/free-photo/paper-texture_23-2151858808.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Scalability", description: "Grow with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124182.jpg", buttonIcon: TrendingUp,
|
||||
},
|
||||
{ title: "Address", description: "123 Main Street, Fort Payne, AL 35967", buttonIcon: MapPin },
|
||||
{ title: "Mon - Fri", description: "6:00 AM - 6:00 PM", buttonIcon: Clock },
|
||||
{ title: "Sat - Sun", description: "7:00 AM - 4:00 PM", buttonIcon: Clock },
|
||||
{ title: "Free Wi-Fi", description: "Stay connected while you enjoy your brew.", buttonIcon: Wifi },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-section" data-section="footer-section">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-gradient-blurred-multicolored-rainbow-light-spectrum-circle_23-2147948901.jpg"
|
||||
logoText="AuraTech"
|
||||
imageSrc="https://images.unsplash.com/photo-1507133756680-43b469446059?q=80&w=2000"
|
||||
logoText="The Spot"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Espresso", href: "/menu" }, { label: "Cold Brew", href: "/menu" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "/about" }, { label: "Location", href: "/contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user