Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
345
src/app/page.tsx
345
src/app/page.tsx
@@ -4,16 +4,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Sparkles, Users, Award, Briefcase } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,22 +33,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Design Brewery"
|
||||
/>
|
||||
@@ -57,306 +49,105 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogo
|
||||
logoText="Design That Brews Success for Your Brand"
|
||||
description="We craft thoughtful design solutions—from brand identity to digital experiences—that help businesses stand out and grow. Proven work. Real results."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
description="We craft thoughtful design solutions—from brand identity to digital experiences—that help businesses stand out and grow."
|
||||
buttons={[{ text: "Explore Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160826.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Our Creative Philosophy' }]}
|
||||
description={["We believe in simplicity, clarity, and purpose-driven design.", "Every project is a unique brew of strategy and creativity."]}
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Creative Experts, Real Results"
|
||||
description="Design Brewery is a dedicated team of creatives helping startups and mid-market firms elevate their digital presence."
|
||||
subdescription="We believe in transparent process, quality craft, and building lasting partnerships with our clients to reach their design milestones."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<FeatureCardNineteen
|
||||
title="Our Core Services"
|
||||
description="What we bring to your brand table."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Branding",
|
||||
description: "Crafting unique brand identity, logos, and style systems that capture the essence of your business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-glass-beer-bottle-black-white-outline-vector-illustration_1308-186790.jpg",
|
||||
},
|
||||
{
|
||||
title: "UI/UX Design",
|
||||
description: "Creating intuitive, responsive digital experiences that drive engagement and conversions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg",
|
||||
},
|
||||
{
|
||||
title: "Growth Design",
|
||||
description: "Strategic design solutions focused on your business metrics and user acquisition goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893461.jpg",
|
||||
},
|
||||
{ tag: "Branding", title: "Brand Identity", subtitle: "Identity Design", description: "Building unique brand systems.", imageSrc: "http://img.b2bpic.net/free-photo/green-glass-beer-bottle-black-white-outline-vector-illustration_1308-186790.jpg" },
|
||||
{ tag: "UX", title: "UI/UX Design", subtitle: "User Centered", description: "Crafting intuitive digital journeys.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg" }
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive design services to fuel your brand growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fintech UI System",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/grid-user-experience-design-template_23-2151620248.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "E-commerce Redesign",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-woman-is-teaching-senior-woman-use-tablet-living-room_23-2149356570.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brand Identity Kit",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "SaaS Dashboard UX",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-workshop_53876-30429.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mobile App Prototype",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Marketing Landing",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Explore our portfolio of successful design partnerships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
<MetricCardEleven
|
||||
title="Proven Results"
|
||||
description="Our metrics speak louder than words."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Client Retention Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
description: "Avg Conversion Uplift",
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Projects", description: "Completed globally", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22622.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Satisfaction", description: "Happy clients", imageSrc: "http://img.b2bpic.net/free-photo/artisan-workshop_53876-30429.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
title="Meet the Crew"
|
||||
tag="Our Experts"
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{ id: "t1", name: "Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg" },
|
||||
{ id: "t2", name: "Jamie D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg" }
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Measurable growth delivered through design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
<TestimonialCardSix
|
||||
title="What Clients Think"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@StartupCEO",
|
||||
testimonial: "Design Brewery transformed our brand. Truly impressed by the craft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@MarketingLead",
|
||||
testimonial: "Consistent, professional, and always meeting our deadlines.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice K.",
|
||||
handle: "@FounderLabs",
|
||||
testimonial: "The best creative partner we've worked with so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22622.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@GrowthCo",
|
||||
testimonial: "Data-driven design that actually converts. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
handle: "@CEOtech",
|
||||
testimonial: "Their UI system work was world-class. Scaled perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@client", testimonial: "Fantastic work on our rebranding!", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22622.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
description="What our partners have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Stripe",
|
||||
"Airbnb",
|
||||
"Shopify",
|
||||
"Slack",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Brands that choose Design Brewery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do you handle project timelines?",
|
||||
content: "We follow an agile process with milestones set at the start, ensuring transparency.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What makes your agency unique?",
|
||||
content: "Our blend of creative branding and data-focused UX ensures your site doesn't just look good but works.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you handle rebranding?",
|
||||
content: "Absolutely. We specialize in end-to-end design systems and rebranding.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Questions about our design process and partnerships."
|
||||
sideTitle="FAQs"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do we start?", content: "Reach out via our contact form." },
|
||||
{ id: "f2", title: "What is your process?", content: "Consultation, strategy, design, and launch." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Get in touch today to discuss how we can help your brand grow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Something Great"
|
||||
description="We're ready to partner with you."
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
names={["Brand A", "Brand B", "Brand C"]}
|
||||
title="Featured Partners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Branding",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "UI/UX Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Growth Design",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="Design Brewery"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user