Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 78356e285d | |||
| f4b26fd13f | |||
| 390d1cf7e2 | |||
| 6c9098b5d0 | |||
| e25a9200f3 | |||
| c21fe63c3b | |||
| 2b26a0bafb | |||
| 0c7a2aee04 | |||
| 3050feff95 | |||
| fdf2b680ac | |||
| df84e85eda |
@@ -6,6 +6,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Lato } from "next/font/google";
|
||||
import { Montserrat } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -14,9 +15,10 @@ export const metadata: Metadata = {
|
||||
description: 'Premium fresh flowers delivered daily. Expert florists, same-day delivery, and custom arrangements for every occasion. Day & You brings nature\'s beauty to your doorstep.',
|
||||
};
|
||||
|
||||
const lato = Lato({
|
||||
variable: "--font-lato", subsets: ["latin"],
|
||||
weight: ["100", "300", "400", "700", "900"],
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -27,7 +29,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${lato.variable} antialiased`}>
|
||||
<body className={`${montserrat.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -8,8 +8,9 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { CheckCircle, Heart, HelpCircle, Leaf, Sparkles, Star } from "lucide-react";
|
||||
import { CheckCircle, Heart, HelpCircle, Leaf, Mail, Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,7 +34,8 @@ export default function LandingPage() {
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Day & You"
|
||||
bottomLeftText="Fresh Flowers Daily"
|
||||
@@ -83,7 +85,7 @@ export default function LandingPage() {
|
||||
tag="Our Story"
|
||||
tagIcon={Leaf}
|
||||
tagAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-woman-making-flowers-arrangement_23-2148826776.jpg?_wi=1"
|
||||
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXDr2jtHNRcCPXEpeRHJyo43vY/uploaded-1773247904081-hh627kq6.mp4"
|
||||
imageAlt="Professional florist arranging fresh flowers"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -239,6 +241,22 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get in Touch"
|
||||
title="Let's Connect"
|
||||
description="Have questions about our flowers or services? Reach out to our team and we'll be happy to help. We're here to make your floral experience exceptional."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="opacity"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Receive Free Quote"
|
||||
termsText="By submitting this form, you agree to our Terms and Conditions and Privacy Policy."
|
||||
ariaLabel="Contact form section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Day & You"
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-lato), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-lato), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #1b0c25;
|
||||
--primary-cta: #1b0c25;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1b0c25;
|
||||
--accent: #ff93e4;
|
||||
--background-accent: #e8a8c3;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #dfff1c;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #8b9a1b;
|
||||
--background-accent: #5d6b00;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user