Update src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Clock, Code, Check, Rocket } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -30,22 +31,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
name: "Work", id: "#work"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
brandName="Plated.Studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -56,38 +49,24 @@ export default function LandingPage() {
|
||||
description="Premium, high-converting digital experiences for food businesses. We deliver your custom restaurant site in 5 days flat—no stress, just sales."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Packages",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "See Packages", href: "#pricing"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View Our Work", href: "#work"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg"
|
||||
showDimOverlay={true}
|
||||
avatarText="Trusted by 100+ local restaurants"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg",
|
||||
alt: "Urban apartment with a minimalist home office and wooden furniture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg", alt: "Urban apartment with a minimalist home office and wooden furniture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg",
|
||||
alt: "Man in studio films tablet video review for tech enthusiasts",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg", alt: "Man in studio films tablet video review for tech enthusiasts"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13258.jpg",
|
||||
alt: "At the cozy dark loft attractive student is sitting on the table while studying.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13258.jpg", alt: "At the cozy dark loft attractive student is sitting on the table while studying."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/auditor-looking-capital-investments-expansion-strategy_482257-75305.jpg",
|
||||
alt: "Auditor looking over capital investments expansion strategy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/auditor-looking-capital-investments-expansion-strategy_482257-75305.jpg", alt: "Auditor looking over capital investments expansion strategy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-psd/photography-landing-page_23-2148843181.jpg",
|
||||
alt: "Photography landing page",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-psd/photography-landing-page_23-2148843181.jpg", alt: "Photography landing page"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,41 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ma Dear's Kitchen",
|
||||
price: "Live Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-street-food-landing-page_23-2149030909.jpg",
|
||||
},
|
||||
id: "p1", name: "Ma Dear's Kitchen", price: "Live Project", imageSrc: "http://img.b2bpic.net/free-vector/flat-street-food-landing-page_23-2149030909.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Capovilla Plumbing",
|
||||
price: "Live Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-striped-pencil-black-white-blankets-leaf-shadow-beige-blank_23-2148296265.jpg",
|
||||
},
|
||||
id: "p2", name: "Capovilla Plumbing", price: "Live Project", imageSrc: "http://img.b2bpic.net/free-photo/black-white-striped-pencil-black-white-blankets-leaf-shadow-beige-blank_23-2148296265.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Coming Soon",
|
||||
price: "In Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-light-box-with-gold-glitter_23-2148657640.jpg",
|
||||
},
|
||||
id: "p3", name: "Coming Soon", price: "In Development", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-light-box-with-gold-glitter_23-2148657640.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Coming Soon",
|
||||
price: "In Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vibrant-bent-paper-sheets_23-2148428683.jpg",
|
||||
},
|
||||
id: "p4", name: "Coming Soon", price: "In Development", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vibrant-bent-paper-sheets_23-2148428683.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Coming Soon",
|
||||
price: "In Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg",
|
||||
},
|
||||
id: "p5", name: "Coming Soon", price: "In Development", imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coming Soon",
|
||||
price: "In Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/gradient-geometric-shapes-template_23-2151858226.jpg",
|
||||
},
|
||||
id: "p6", name: "Coming Soon", price: "In Development", imageSrc: "http://img.b2bpic.net/free-psd/gradient-geometric-shapes-template_23-2151858226.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="From soul food joints to local service brands, we build platforms that scale."
|
||||
@@ -145,36 +100,17 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyNine
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Day 1: Discovery",
|
||||
description: "We dive deep into your brand identity and goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-114.jpg",
|
||||
titleIconSrc: "Clock",
|
||||
buttonText: "Get Started",
|
||||
},
|
||||
title: "Day 1: Discovery", description: "We dive deep into your brand identity and goals.", imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-114.jpg", titleIconSrc: "Clock", buttonText: "Get Started"},
|
||||
{
|
||||
title: "Day 2-3: Build",
|
||||
description: "Our dev team constructs your high-converting engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301538.jpg",
|
||||
titleIconSrc: "Code",
|
||||
buttonText: "Track Progress",
|
||||
},
|
||||
title: "Day 2-3: Build", description: "Our dev team constructs your high-converting engine.", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301538.jpg", titleIconSrc: "Code", buttonText: "Track Progress"},
|
||||
{
|
||||
title: "Day 4: Review",
|
||||
description: "You get a preview for final tweaks and approval.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-hand-drawn-social-media-logos_23-2147569229.jpg",
|
||||
titleIconSrc: "Check",
|
||||
buttonText: "View Preview",
|
||||
},
|
||||
title: "Day 4: Review", description: "You get a preview for final tweaks and approval.", imageSrc: "http://img.b2bpic.net/free-vector/pack-hand-drawn-social-media-logos_23-2147569229.jpg", titleIconSrc: "Check", buttonText: "View Preview"},
|
||||
{
|
||||
title: "Day 5: Launch",
|
||||
description: "Site goes live, fully optimized for local search.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113284.jpg",
|
||||
titleIconSrc: "Rocket",
|
||||
buttonText: "Go Live",
|
||||
},
|
||||
title: "Day 5: Launch", description: "Site goes live, fully optimized for local search.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113284.jpg", titleIconSrc: "Rocket", buttonText: "Go Live"},
|
||||
]}
|
||||
title="The 5-Day Blueprint"
|
||||
description="A streamlined process designed for restaurant owners who can't afford to wait."
|
||||
@@ -188,50 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "launch",
|
||||
title: "Launch",
|
||||
price: "$499",
|
||||
period: "one-time",
|
||||
features: [
|
||||
"Mobile responsive",
|
||||
"SEO setup",
|
||||
"Fast delivery",
|
||||
],
|
||||
id: "launch", title: "Launch", price: "$499", period: "one-time", features: [
|
||||
"Mobile responsive", "SEO setup", "Fast delivery"],
|
||||
button: {
|
||||
text: "Select Launch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/4-steps-infographic-flowchart-design-template_2100-1357.jpg",
|
||||
},
|
||||
text: "Select Launch"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/4-steps-infographic-flowchart-design-template_2100-1357.jpg"},
|
||||
{
|
||||
id: "growth",
|
||||
title: "Growth",
|
||||
price: "$149",
|
||||
period: "monthly",
|
||||
features: [
|
||||
"All Launch features",
|
||||
"Managed hosting",
|
||||
"Email support",
|
||||
],
|
||||
id: "growth", title: "Growth", price: "$149", period: "monthly", features: [
|
||||
"All Launch features", "Managed hosting", "Email support"],
|
||||
button: {
|
||||
text: "Select Growth",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-learning-icons_23-2147592274.jpg",
|
||||
},
|
||||
text: "Select Growth"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-learning-icons_23-2147592274.jpg"},
|
||||
{
|
||||
id: "elite",
|
||||
title: "Elite",
|
||||
price: "$999",
|
||||
period: "or $249/mo",
|
||||
features: [
|
||||
"Everything in Growth",
|
||||
"Full branding",
|
||||
"Priority access",
|
||||
],
|
||||
id: "elite", title: "Elite", price: "$999", period: "or $249/mo", features: [
|
||||
"Everything in Growth", "Full branding", "Priority access"],
|
||||
button: {
|
||||
text: "Select Elite",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-37.jpg",
|
||||
},
|
||||
text: "Select Elite"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-37.jpg"},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple packages for every business stage."
|
||||
@@ -245,45 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark R.",
|
||||
handle: "@mkitchen",
|
||||
testimonial: "Transformed our digital presence in 5 days. Incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149396218.jpg",
|
||||
},
|
||||
id: "t1", name: "Mark R.", handle: "@mkitchen", testimonial: "Transformed our digital presence in 5 days. Incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149396218.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahs",
|
||||
testimonial: "Exactly what my restaurant needed to finally grow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", handle: "@sarahs", testimonial: "Exactly what my restaurant needed to finally grow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David L.",
|
||||
handle: "@dlocal",
|
||||
testimonial: "Professional, fast, and delivered on every promise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg",
|
||||
},
|
||||
id: "t3", name: "David L.", handle: "@dlocal", testimonial: "Professional, fast, and delivered on every promise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena P.",
|
||||
handle: "@epizza",
|
||||
testimonial: "Best design choice we've ever made for our shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena P.", handle: "@epizza", testimonial: "Best design choice we've ever made for our shop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "The traffic boost was immediate. Totally recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-folded-arms-looking-camera_23-2147762390.jpg",
|
||||
},
|
||||
id: "t5", name: "Sam K.", handle: "@samk", testimonial: "The traffic boost was immediate. Totally recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-folded-arms-looking-camera_23-2147762390.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Restaurant Owners"
|
||||
@@ -295,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Let's build your website today."
|
||||
description="Ready to own your digital space? Let's get started."
|
||||
buttonText="Send Message"
|
||||
@@ -310,55 +193,35 @@ export default function LandingPage() {
|
||||
logoText="Plated.Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user