Contact Us
We would love to hear from you! Please fill out the form below to get in touch.
Get in Touch
Our History
Discover the story behind our bakery.
Our Journey
Our bakery was founded in 1920 by John Doe, a passionate baker with a dream to bring the finest baked goods to the community. Over the years, our bakery has grown and evolved, but our commitment to quality and tradition has remained the same.
In the early days, John would wake up before dawn to prepare fresh bread and pastries for the day. His dedication and hard work quickly earned him a loyal customer base. As the bakerys reputation grew, so did its offerings. Today, we offer a wide variety of baked goods, from classic breads and pastries to modern cakes and desserts.
Throughout the decades, our bakery has remained a family-owned business. Each generation has brought new ideas and innovations, while staying true to the values and traditions that John established. We are proud to be a part of this community and to continue serving our customers with the same passion and dedication that started it all.
Thank you for being a part of our journey. We look forward to many more years of baking for you and your family.
Our Specialties
Cinnamon Rolls
Sugar Cookies
Cakes
About Us
Welcome to The Vine Bakery, where the warmth of home meets the heart of Princeville, IL. We are passionate about baking delicious, fresh goods that bring people together. Our cozy space invites you to gather with friends and family, sharing in the simple joy of homemade treats made with love and the finest ingredients. Come join us at The Vine and feel right at home.
Learn More βOur Hours
- Tuesday - Saturday7:00am - 2:00pm
- Sunday - MondayClosed
Contact
215 E Main Street
61559 Princeville, IL
Phone: (309) 701-0660
Email: contact@itsthevine.com
Products
Explore our wide range of products crafted with the finest ingredients. Whether you are looking for something sweet or savory, we have something for everyone. Browse through our categories to find your perfect treat.
76th Birthday Cake
Cakes
1964 Graduates Cake
Cakes
Baby Shower Cake
Cakes
Blueberry Cream Pie
Pie
Bridesmaids Sugar Cookies
Cookies
Bundt Cake
Cakes
Caramel Rolls
Rolls
Cat Birthday Cake
Cakes
Chocolate Chip Scones
Pastries
Christmas Sugar Cookies
Cookies
Circus Birthday Cake
Cakes
Cookie Bars
Cookies
Cinnamon Rolls
Rolls
Cow Birthday Cake
Cakes
Cow Cupcakes
Cakes
Doggy Sugar Cookies
Cookies
Fall Sugar Cookies
Cookies
Flower Cupcakes
Cakes
Heart Cakes
Cakes
Lemon Berry Cake
Cakes
Macarons
Pastries
Moana Birthday Cake
Cakes
Natalie Purple Birthday Cake
Cakes
Oreo Brownies
Brownies
Peanut Butter Cookie Cake
Cakes
Pink Rose Birthday Cake
Cakes
Princeville Sugar Cookies
Cookies
Princeville XC Sugar Cookies
Cookies
Pumpkin Birthday Cake
Cakes
Purple Birthday Cake
Cakes
Rainbow Sugar Cookies
Cookies
Retirement Cake
Cakes
Scones
Pastries
Soccer Sugar Cookies
Cookies
Speciality Cookies
Cookies
Strawberry Pie
Pies
Timecapsul Sugar Cookies
Cookies
Tractor Birthday Cake
Cakes
Valentines Cookie Cakes
Cakes
Yellow Wedding Cake
Cakes
-
-
-
diff --git a/public/images/resources/logo_L.svg b/public/images/resources/logo_L.svg
index cc3fac9..939d0da 100644
--- a/public/images/resources/logo_L.svg
+++ b/public/images/resources/logo_L.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/public/images/resources/logo_R.svg b/public/images/resources/logo_R.svg
index cac1483..e3a61af 100644
--- a/public/images/resources/logo_R.svg
+++ b/public/images/resources/logo_R.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index c78755d..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
-
-
-
-
-
- 404
-Page Not Found
-The specified file was not found on this website. Please check the URL for mistakes and try again.
-Why am I seeing this?
-This page was generated by the Firebase Command-Line Interface. To modify it, edit the 404.html file in your project's configured public directory.
-
- Welcome
-Firebase Hosting Setup Complete
-You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
- Open Hosting Documentation -Firebase SDK Loading…
- - - - diff --git a/scripts/test-email.mjs b/scripts/test-email.mjs new file mode 100644 index 0000000..edfb48f --- /dev/null +++ b/scripts/test-email.mjs @@ -0,0 +1,42 @@ +// Sends one test email through the configured SMTP server, then exits. +// node --env-file=.env scripts/test-email.mjs [recipient] +// Verifies the connection first, so auth/TLS problems are reported distinctly +// from delivery problems. +import nodemailer from 'nodemailer'; + +const { SMTP_SERVER, SMTP_PORT, SMTP_USERNAME, SMTP_TOKEN, CONTACT_FROM } = process.env; +const to = process.argv[2] || process.env.CONTACT_TO; + +const missing = ['SMTP_SERVER', 'SMTP_PORT', 'SMTP_USERNAME', 'SMTP_TOKEN'].filter((k) => !process.env[k]); +if (missing.length) { + console.error(`Missing env vars: ${missing.join(', ')}`); + console.error('Fill in .env (see .env.example), then re-run.'); + process.exit(1); +} +if (!to) { + console.error('No recipient. Pass one as an argument or set CONTACT_TO.'); + process.exit(1); +} + +const port = Number(SMTP_PORT); +const transporter = nodemailer.createTransport({ + host: SMTP_SERVER, + port, + secure: port === 465, + auth: { user: SMTP_USERNAME, pass: SMTP_TOKEN }, +}); + +console.log(`Connecting to ${SMTP_SERVER}:${port} (secure=${port === 465}) as ${SMTP_USERNAME}...`); +await transporter.verify(); +console.log('SMTP connection and auth OK.'); + +const info = await transporter.sendMail({ + from: CONTACT_FROM || SMTP_USERNAME, + to, + subject: 'The Vine β contact form test', + text: 'This is a test from the itsthevine.com contact form wiring. If you are reading this, SMTP works.', +}); + +console.log(`Sent to ${to}`); +console.log(`messageId: ${info.messageId}`); +if (info.rejected?.length) console.log(`rejected: ${info.rejected.join(', ')}`); diff --git a/src/app/api/contact/route.ts b/src/app/api/contact/route.ts new file mode 100644 index 0000000..dc0d8e7 --- /dev/null +++ b/src/app/api/contact/route.ts @@ -0,0 +1,57 @@ +import { NextResponse } from 'next/server'; +import nodemailer from 'nodemailer'; + +// Server-side only, so the SMTP credentials never reach the browser. +const { SMTP_SERVER, SMTP_PORT, SMTP_USERNAME, SMTP_TOKEN, CONTACT_TO, CONTACT_FROM } = process.env; + +export async function POST(request: Request) { + if (!SMTP_SERVER || !SMTP_PORT || !SMTP_USERNAME || !SMTP_TOKEN) { + console.error('contact: SMTP env vars missing'); + return NextResponse.json({ error: 'Email is not configured.' }, { status: 500 }); + } + + let body: { name?: string; email?: string; message?: string }; + try { + body = await request.json(); + } catch { + return NextResponse.json({ error: 'Invalid request.' }, { status: 400 }); + } + + const name = body.name?.trim(); + const email = body.email?.trim(); + const message = body.message?.trim(); + + // Trust boundary: validate before handing anything to the mailer. + if (!name || !email || !message) { + return NextResponse.json({ error: 'Please fill in every field.' }, { status: 400 }); + } + if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { + return NextResponse.json({ error: 'That email address does not look right.' }, { status: 400 }); + } + if (message.length > 5000) { + return NextResponse.json({ error: 'That message is too long.' }, { status: 400 }); + } + + const port = Number(SMTP_PORT); + const transporter = nodemailer.createTransport({ + host: SMTP_SERVER, + port, + secure: port === 465, // 465 is implicit TLS; 587 upgrades via STARTTLS + auth: { user: SMTP_USERNAME, pass: SMTP_TOKEN }, + }); + + try { + await transporter.sendMail({ + from: CONTACT_FROM || SMTP_USERNAME, + to: CONTACT_TO || 'morissa@itsthevine.com', + replyTo: `${name} <${email}>`, // so hitting reply answers the customer + subject: `Website enquiry from ${name}`, + text: `${message}\n\nFrom: ${name} <${email}>`, + }); + } catch (err) { + console.error('contact: send failed', err); + return NextResponse.json({ error: 'Could not send the message.' }, { status: 502 }); + } + + return NextResponse.json({ ok: true }); +} diff --git a/src/app/globals.css b/src/app/globals.css index ebba318..a26a21a 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,14 +4,22 @@ html { scroll-behavior: smooth; + /* Nothing on this site is meant to scroll sideways. */ + overflow-x: hidden; } body { @apply bg-bakery-50 text-bakery-900; + overflow-x: hidden; opacity: 0; animation: fadeIn 0.5s ease-in forwards; } +@media (prefers-reduced-motion: reduce) { + html { scroll-behavior: auto; } + body { animation: none; opacity: 1; } +} + @keyframes fadeIn { from { opacity: 0; @@ -29,34 +37,6 @@ body { } } -/* Card flip styles */ -.card-container { - perspective: 1500px; -} - -.card { - position: relative; - width: 100%; - height: 100%; - text-align: center; - transition: transform 0.8s; - transform-style: preserve-3d; - cursor: pointer; -} - -.card:hover { - transform: rotateY(180deg); -} - -.card-side { - position: absolute; - width: 100%; - height: 100%; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; -} - - -.card-back { - transform: rotateY(180deg); +::selection { + @apply bg-bakery-300 text-bakery-900; } \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 0716e79..ec019b3 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,11 @@ import type { Metadata } from "next"; -import { Playfair_Display, Raleway } from "next/font/google"; +import { Raleway } from "next/font/google"; import localFont from 'next/font/local'; import "./globals.css"; import Header from '@/components/Header'; import Footer from '@/components/Footer'; -const playfair = Playfair_Display({ - subsets: ["latin"], - variable: '--font-playfair', - display: 'swap', -}); - -const raleway = Raleway({ +const raleway = Raleway({ subsets: ["latin"], variable: '--font-raleway', display: 'swap', @@ -30,13 +24,13 @@ const lejour = localFont({ }); export const metadata: Metadata = { - title: "The Vine Coffeehouse & Bakery", - description: "Artisanal bakery and coffeehouse in Princeville, IL offering traditional breads, pastries, and cakes made with quality ingredients.", - keywords: "bakery, coffeehouse, artisanal bread, pastries, cakes, Princeville IL", + title: "The Vine Coffeehouse + Bakery", + description: "A locally owned coffeehouse and bakery in downtown Princeville, Illinois. We bake pastries, custom cakes, cookies, and cinnamon rolls, and serve sandwiches, paninis, and coffee.", + keywords: "bakery, coffeehouse, pastries, custom cakes, cinnamon rolls, paninis, Princeville IL", metadataBase: new URL('https://itsthevine.com'), openGraph: { - title: 'The Vine Coffeehouse & Bakery', - description: 'Discover The Vine Coffeehouse and Bakery in Princeville, IL', + title: 'The Vine Coffeehouse + Bakery', + description: 'A locally owned coffeehouse and bakery in downtown Princeville, IL.', locale: 'en_US', type: 'website', }, @@ -62,7 +56,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - +
- {/* Hero Section */}
-
-
-
+ {/* Page header */}
+
+
{/* Contact Form Section */}
-
-
-
-
- - Contact Us -
-- We would love to hear from you! Please fill out the form below to get in touch. -
-+ Contact us +
+
-
-
Get in Touch
+
+
+
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 3a6ea9e..8e59cdd 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,55 +3,50 @@ import Logo from './Logo';
const Footer = () => {
return (
- Get in touch
++ Or call us: (309) 701-0660 +